防止在javascript中触发父级的同级事件

时间:2019-04-26 11:18:56

标签: javascript jquery html

<input id="test" type="text" list="list">
<datalist id="list">
    <option value="A">First option</option>
    <option value="B">Second option</option>
</datalist>
$("input").keyup(function(event) {
    //any event like this for example...
    console.log(event.target.value);
});

我不希望用户单击选项后触发此事件。即使不太可能(javascript)也已经尝试了以下方法:

$("option").click(function(e) {
    e.preventDefault();
    e.stopPropagation();
});

又为什么由于我使用keyup事件而不是input事件而触发事件? ...

1 个答案:

答案 0 :(得分:5)

使用Keypress

已更新

您需要从事件中调用值而不是onload

$("input").keypress(function(event) {
  //any event like this for example...
  console.log("Hello from the other side");
});

$('#test').change(function(){ // you need to call the value from the event inside not a onload
console.log(document.getElementById("test").value) //no need
console.log($(this).val()) // jquery alredy present so simple use that
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="test" type="text" list="list">
<datalist id="list">
    <option value="A">First option</option>
    <option value="B">Second option</option>
</datalist>