selectオプションでonclickイベントが発生するのを防ぐ方法

Question

クリックしたときにイベントをトリガするselectがあります。しかし、私はそれぞれのオプションをクリックすると再びトリガするのを防ぎたい。

これを行う方法はありますか？

Answer 1

どのようにあなたはonchangeを使ってみてください。したがって、選択されたものに変更がない場合。何もトリガーされません。

Answer 2

ただ変更イベントを使用してください。ここに例があります：https://jsfiddle.net/rafb0vyw/2/

$('#sel').on('change', function() { 
    alert('change'); 
}) 

Answer 3

event.targetプロパティを確認することができますが、値は異なります。このように：

var select = document.querySelector('select'); 
 
var span = document.querySelector('span'); 
 

 
select.onclick = function(e) { 
 
    // show e.target in snippet (you would remove this line in your code): 
 
    span.textContent = 'You clicked on ' + e.target.tagName + '.' + 
 
     ' Current selected value is ' + select.value; 
 
    if(e.target.tagName !== 'SELECT') return; // ignore 
 
    // The rest of your event handling comes here... 
 
    // This will only be executed when you click the SELECT and not the OPTION. 
 
};

<select> 
 
    <option value = 'A'>Option A</option> 
 
    <option value = 'B'>Option B</option> 
 
</select> 
 
<span></span>

あなたのイベントハンドラ関数で定義されている（上記の例では電子という名前）イベントパラメータを持っていることを確認してください。