编程 Javascript

基于jquery的button默认enter事件(回车事件)。

Posted in Javascript onMay 18, 2011

在这里特此声明，代码是通过jquery完成。实列代码我亲自写的，完全可以实现，只要复制过去就可以用，但是必须导入jquery包。着个方法支持ie与火狐，绝对好使。我在做的时候在网上找了一些代码，基本全不支持火狐。好了，废话也说了不少了。开始代码演示。欢迎大家挑错，与技术指点，谢谢。

<!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>火狐和IE都支持的enter事件</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(); 
} 
} 
$(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>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery参数列表集合

Apr 06 Javascript

javascript限制文本框只允许输入数字(曾经与现在的方法对比)

Jan 18 Javascript

js如何获取file控件的完整路径具体实现代码

May 15 Javascript

JavaScript中的包装对象介绍

Jan 27 Javascript

javascript验证身份证号

Mar 03 Javascript

AngularJS实现textarea记录只能输入规定数量的字符并显示

Apr 26 Javascript

提高Web性能的前端优化技巧总结

Feb 27 Javascript

微信小程序获取用户openId的实现方法

May 23 Javascript

vue实现未登录跳转到登录页面的方法

Jul 17 Javascript

Webpack5正式发布,有哪些新特性

Oct 12 Javascript

Vue表单提交点击事件只允许点击一次的实例

Oct 23 Javascript

JavaScript实现五子棋小游戏

Oct 26 Javascript

jquery构造器的实现代码小结

May 16 #Javascript

让innerText在firefox火狐和IE浏览器都能用的写法

May 14 #Javascript

模仿百度三维地图的js数据分享

May 12 #Javascript

javascript数组去掉重复

May 12 #Javascript

javascript 弹出层组件（升级版）

May 12 #Javascript

ExtJS4 组件化编程，动态加载，面向对象，Direct

May 12 #Javascript

关于js获取radio和select的属性并控制的代码

May 12 #Javascript