javascript - Jquery 如果 keydown 和 keyup 事件触发禁用其他按键事件，则在 Chrome 中有效，但在 IE 和 Mozilla 中无效

Question

由于我正在创建自动建议文本框，但我遇到了问题，因为当 keydown 和 keyup 触发时，它也会在 Mozilla 和 IE 中触发按键事件，但它在 Chrome 中工作正常。

$(".search-terms").on("keypress", function(){
  $("#notice").html("Searching");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" value="Search items you want to exchange" autocomplete="off" name="resultsFor" class="search-terms">
<div id="notice">Ready to search</div>

Answer 1

好的，我发现问题是这样调试的

$(".search-terms").keypress(function( event ) {
  $("#notice").html(event.keyCode);
  
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" value="Search items you want to exchange" autocomplete="off" name="resultsFor" class="search-terms">
<div id="notice">Ready to search</div>

正如你所看到的，你得到了键码值，当在 chrome 中使用相同的代码时，什么也没有发生，但在 Firefox 中，箭头键你得到的值是 37-40。因此，通过使用 if 语句，您可以决定如何处理 if，这是一个示例

$(".search-terms").keypress(function( event ) {
//$("#notice").html(event.keyCode);
if (event.keyCode >= 37 && event.keyCode <= 40) 
    {
        //do something
    }
    else
    {
 		 $("#notice").html("Searching");
  	}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" value="Search items you want to exchange" autocomplete="off" name="resultsFor" class="search-terms">
<div id="notice">Ready to search</div>