回车键搜索

image

一个搜索框,点击放大镜图标时候会调用搜索的js函数。希望在键盘输入回车时候,也可以调用搜索的js函数。

参考

$(document).keydown(function(event){ 
   if(event.keyCode==13){ 
      if ("zk_keywordDataPerm" == document.activeElement.id) {
         $('#search_top_box .search_top_icon').click();
      } 
   } 
});

$("#search-input").keydown(function (event) {//当按下按键时  
    if (event.which == 13) {//.which属性判断按下的是哪个键,回车键的键位序号为13  
        $('#search').trigger("click");//触发搜索按钮的点击事件  
    }  
});  


注:了解event.keyCode 和event.which 。

参考:https://blog.csdn.net/qyaroon/article/details/51181747

Netscape/Firefox/Opera中不支持 window.event.keyCode,需要用event.which代替,IE用event.keyCode方法获取当前被按下的键盘按键值,而NetScape/FireFox/Opera用的则是event.which。

event.which属性的返回值是Number类型,返回触发当前事件时按下的键盘按键或鼠标按钮。

mousedownmouseup事件中,event.which属性返回的是对应鼠标按钮的映射代码值(相当于event.which)

keypress事件中,event.which属性返回的是输入的字符的Unicode值(相当于event.charCode)

keydownkeyup事件中,event.which属性返回的是对应按键的映射代码值(相当于evenet,keyCode)


了解三种按键事件类型:keydown,keypress,keyup 。

参考:https://blog.csdn.net/yaoxtao/article/details/8594299

一个典型的按键会产生所有的这三种事件,依次是keydown,keypress,keyup。

如果一个键被按下并自动重复,则可能有多个keypress事件。

不能打印的功能键 会产生keydown,keyup事件。在某些浏览器中也可能产生keypress事件。然而在IE中,只有按键有一个ASCII码的时候才会发生keypress事件。如方向键就不会触发keypress事件 ,但是会触发keydown事件。

如何获取按键的字符码 ?

  1. firefox中定义了两个属性keyCode和charCode。keyCode存储了一个按键的较低层次的虚拟按键码,并且和keydown事件一起发送。 charCode存储了按键所产生的可打印字符的编码,并且和keypress事件一起发送 。如果在firefox按下功能键,charCode为0,keyCode包含了虚拟按键码。在firefox中,可以通过evetn.which获取keyCode的值。
  2. IE中只有keyCode属性,并且它的解释取决于事件的类型。对于keydown事件,keycode是一个虚拟按键码;对于keypress事件,keyCode是一个字符码。

猜你喜欢

转载自blog.csdn.net/u010170616/article/details/80839780