回车键搜索

梦里梦外; 2022-05-21 02:37 242阅读 0赞

[![image][]][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类型，返回触发当前事件时按下的键盘按键或鼠标按钮。

在mousedown、mouseup事件中，`event.which`属性返回的是对应鼠标按钮的映射代码值(相当于`event.which`)

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

在keydown、keyup事件中，`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是一个字符码。

[image]: http://rnd-github.huawei.com/storage/user/418/files/a4165c6c-95db-11e6-9f2a-653b7e0a62c8