编程 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 相关文章推荐

网页的标准,IMG不支持onload标签怎么办

Jun 29 Javascript

ExtJS实现文件下载的方法实例

Nov 09 Javascript

js格式化时间和js格式化时间戳示例

Feb 10 Javascript

深入分析js的冒泡事件

Dec 05 Javascript

jquery中表单多选框的一种巧妙写法

Sep 06 Javascript

jQuery实现文本框邮箱输入自动补全效果

Nov 17 Javascript

详解JavaScript节流函数中的Throttle

Jul 16 Javascript

详解vue+css3做交互特效的方法

Nov 20 Javascript

JS+CSS实现滚动数字时钟效果

Dec 25 Javascript

vue 列表页跳转详情页获取id以及详情页通过id获取数据

Mar 27 Javascript

JS实现轮播图效果

Jan 11 Javascript

解决antd 表单设置默认值initialValue后验证失效的问题

Nov 02 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