Jquery如何实现回车响应事件

这篇文章将为大家详细讲解有关Jquery如何实现回车响应事件,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

一、情境描述

欲实现:文本框中输入字符,点击回车,自动跳到一个新窗口且该页面不刷新

二、代码实现

HTML

<body>
           <input type="text" id="aa"  onkeydown="enterSearch()"/>
 
</body>

JQuery

function enterSearch() {
            if(event.keyCode==13) {  
                window.open( "Default.aspx");
                
                   }  
        }

注意:搜索框不能放在Form表单中,否则会刷新原页面

关于“Jquery如何实现回车响应事件”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。