@kenTT0903posted at 2023-04-27

.on()でのセレクタ前方一致指定で発火しない。

Q&A

Closed

.on()をセレクタの指定を前方一致で発火させたいです。
セレクタの指定を前方一致に問題があると思っています。
解決策を教えていただきたいです。

const target = hoge;

$(document).on('change', 'input[name^="' + target + '"]', function (event){
    console.log('通過');
    //処理
}

2Answer

同様の記述で問題なくイベントが発火することが確認できました。

See the Pen Untitled by yotty (@yotty) on CodePen.

まずは、どこかの記述に誤字脱字がないかチェックしてみてください。
記載のコードで1点気になった点として、最後の閉じかっこがありませんでした。

const target = hoge;

$(document).on('change', 'input[name^="' + target + '"]', function (event){
    console.log('通過');
    //処理
-}
+})

1Like

@kenTT0903
Questioner
ご回答ありがとうございます。
前方一致は問題ではないのですね。

ちなみにHTMLのtypeも指定しないといけないでしょうか。
今回指定しようとしているのが、下記のような要素となります。
<input type="hidden" name="hoge_hoge">
@YottyPG
type="hidden"だとchangeイベントは使えないようです。

非表示項目の変更を感知したいのであれば、type="text"にしてdisplay:noneなどを利用して非表示にするのはいかがでしょうか？
@kenTT0903
Questioner
ありがとうございます!
別の方法考えてみたいと思います。

前方一致で発火というのは具体的にどう言うことか教えて下さい。

0Like