jquery回车执行某个事件

这里用到的是在查询框中输入数据后直接回车直接查询。

   //回车执行查询事件(执行class=‘btn-query‘的单击事件)
    $(document).keydown(function (event) {
        if (event.keyCode == "13") {            //回车执行的事件
            $(".btn-query").click();
            return;
        }
    });

这样写后就基本可以实现回车查询了,但在一些情况下存在问题,就是我们的数据是写在一个form中的,并且该form中只存在一个input,这种情况下回车会直接刷新页面,导致上述方法失效。

解决方法

1.去掉表单;

2.如果非得用表单,只要不让表单里有且只有一个文本框就OK了。

<input style="display: none" />

注意:不能是<input type="hidden" />

这样问题就可以得到解决

时间: 2024-10-21 09:24:50

jquery回车执行某个事件的相关文章

ASP.NET多个Button的页面,回车执行按钮事件(转)

主要有两种实现方法分别是:JavaScript的方法与Panel的方法 一.JavaScript的方法 ①单输入框(文本框)单按钮的实现方法 以下功能实现:在输入框中输入内容之后,按回车键就执行按钮事件! 在.aspx页面的Head区域中添加: <SCRIPT LANGUAGE="javacript"> function SubmitKeyClick(button) { if (event.keyCode == 13) { event.keyCode=9; event.re

JQuery Mobile - 为什么绑定事件后会被多次执行?

JQuery Mobile 在绑定事件时候,发现会被多次执行,为什么啊? 原来,jquery click  不是替换原有的function ,而是接着添加,所以才会执行次数越来越多,怎么办才能按需实现功能?在执行正常点击事件之前,解绑事件!! JQuery对事件的绑定主要有两种方式,分别是on和bind,这两种方式分别对应的解绑方式为off和unbind,知道这些,我们就可以写代码了: 一,用on和off // off和on绑定"tap"方法 $("#changePasswo

jquery移除onclick绑定重新绑定别的函数来执行onclick事件

本文分享了使用jquery移除前面通过onclick绑定的元素的事件,然后重新绑定别的函数来执行onclick事件. 解决方案:· 1.失败方案: $(".edit").removeAttr("onclick");//网上有些资料说jquery1.6+可以使用,但我试过不可以 2.成功方案<更适用于非button标签>: //亲测可用 $(".edit").prop("onclick",null).off(&quo

jQuery在HTML文档加载完毕后自动执行某个事件;

原来onchange=“fucntionname(parms)”: 1 <select name="country" id="selCountries_{$sn}" onchange="region.changed(this, 1, 'selProvinces_{$sn}')" style="border:1px solid #ccc;"> 2 <option value="0">{

js/jquery回车提交

1.JavaScript 方法: [javascript] <script> document.onkeydown=function(event){ e = event ? event :(window.event ? window.event : null); if(e.keyCode==13){ //执行的方法 alert('回车检测到了'); } } </script> <script> document.onkeydown=function(event){ e

jquery 单击table行事件和radio的选中事件冲突

原文地址:http://zhidao.baidu.com/link?url=HER7lu4jqejWUhWQO2nq6LZ6tf7vyhPZRADSL-xaBQSF4P4yftD9vg08Ss8HF-1I7XqrALfkRc6TdLHYQixpcK 2013-01-30 09:10tvogfj | 分类:JavaScript | 浏览1779次 例如:<tr class="resultTr"><td><inputtype="radio"

JQuery 在$(window).laod() 事件中 不运行 $(window).resize()

本文转载至: http://stackoverflow.com/questions/2597152/jquery-window-resize-doesnt-work-on-load 原文标题   :JQuery: $(window).resize() doesn't work on Load 解决办法总结下  主要有这几种: 方法一:建立一个函数 把你要Resize 的动作写上  然后在  load的时候调用 在resize 的事后也也调用一下 onResize = function() { /

jQuery基础(鼠标事件,表单事件,键盘事件,自定义事件 篇)

1.jQuery鼠标事件之click与dbclick事件 方法一:$ele.click()(不带参数) <div id="test">点击触发<div> $("ele").click(function(){ alert('触发指定事件') }) $("#test").click(function(){ $("ele").click() //手动指定触发事件 });   方法二:$ele.click( h

jQuery源码解读-事件分析

最原始的事件注册 addEventListener方法大家应该都很熟悉,它是Html元素注册事件最原始的方法.先看下addEventListener方法签名: element.addEventListener(event, function, useCapture) event:事件名,例如“click”,这里要提醒的一点是不要加前缀“on”;    function:事件触发时执行的函数;    userCapture:默认为false,表示event事件在冒泡阶段触发.如果设置为true,则