jsのメソッドが行われた場合～の処理を、テンプレート内に書きたい

Question

前提・実現したいこと

jsのメソッドが行われた場合～の処理を、テンプレートのscriptタグ内に書きたい。

該当のソースコード

【reader.ctp】
<script>

//外部jsファイルのメソッド「cardRead」が行われたら、という記述をしたい
  $("#read_area").on("click",function(){
//中身省略
});

</script>
//
//
//
<script src="/js/reader.js?d=<?php echo_filedate("/js/reader.js");?>"></script>

【reader.js】

async function cardRead(){
 //中身省略
}

試したこと

「reader.js」にcardReadというfunctionメソッドが存在します。

cardRead = カードがかざされた時の処理

これを当てはめたいテンプレート「reader.ctp」のscriptタグ内に
上記jsファイルのメソッドを使って「cardReadが行われると～」の記述を書きたいです。
（現在はテンプレートファイル内のid要素をクリックしたとき～の記述になっています）

補足情報（FW/ツールのバージョンなど）

CakePHP

Comments

[tabuu]

「cardReadが行われると～」
とは具体的にどのようなことでしょうか？

[退会済みユーザー]

つ カスタムイベント

[maisumakun]

cardRead自体を改造する、という手段がいちばん素直かと思いますが、それは可能でしょうか？

[tsunana]

tabuu様＞いわゆるUSBカードリーダーに認証カードをかざすことによって行われる処理です。通過したら各要素の表示非表示の分岐になっています。
maisumakun様＞可能かと思います。やはり単純記述ではむずかしいですか、、

Answer 1

上記jsファイルのメソッドを使って「cardReadが行われると～」の記述を書きたいです。

cardRead自体に手を入れずに済むような、一般的な方法は存在しません。

• cardRead自体に手を入れて、何かしらの方法で中継させる
• cardReadが実行されるタイミングを、何らかの方法で検知する

といった手法になるかと思います。

Comments

[maisumakun]

なぜマイナスなんだろう