基于jquery的button默认enter事件(回车事件)
2015-01-04 11:07
330 查看
button按钮默认回车(enter)事件,如果用submit,就不用看以下代码,因为submit可以直接默认回车事件(enter)。以下代码是通过jquery完成,之前必须导入jquery包。
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title></title> <script src="jquery.1.3.2.js" type="text/javascript" language="javascript"></script> <script type="text/javascript"> document.onkeydown = function (e) { var theEvent = window.event || e; var code = theEvent.keyCode || theEvent.which; if (code == 13) { $("#but1").click(); return false; //这一句很重要!!! } } $(document).ready(function () { $("#but1").click(function () { alert("我是enter事件," + "text值:" + $("#text1").val()); }) ; $("#but2").click(function () { alert("我是Jquery事件" + "text值:" + $("#text1").val()); }) }); </script> </head> <body> <input type="text" id="text1" /> <input type="button" id="but1" value="确定(我是enter事件)"/> <input type="submit" id="but2" value="确定(我是Jquery事件)" /> </body> </html>
相关文章推荐
- button默认enter事件(回车事件)。
- jquery捕捉ctrl+enter(回车)事件
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- jquery捕捉ctrl+enter(回车)事件
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交)
- 基于Jquery的实现回车键Enter切换焦点
- 在文本框textbox1中按回车键Enter,触发按钮button1的单击事件click()
- jquery 绑定回车事件Enter
- js,jquery回车默认事件
- jQuery 回车事件enter使用示例
- 基于Jquery的实现回车键Enter切换焦点
- jQuery 回车事件enter使用示例
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- jQuery实现enter回车事件
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- jQuery 回车事件 enter
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)