基于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 相关文章推荐
javascript 拖放效果实现代码
Jan 22 Javascript
JSON与XML优缺点对比分析
Jul 17 Javascript
Node.js用readline模块实现输入输出
Dec 16 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
Feb 20 Javascript
H5上传本地图片并预览功能
May 08 Javascript
十分钟带你快速了解React16新特性
Nov 10 Javascript
详解Vue2 SSR 缓存 Api 数据
Nov 20 Javascript
利用angular、react和vue实现相同的面试题组件
Feb 19 Javascript
javascript实现文本框标签验证的实例代码
Oct 14 Javascript
vue微信分享到朋友圈 vue微信发送给好友
Nov 28 Javascript
js中addEventListener()与removeEventListener()用法案例分析
Mar 02 Javascript
Javascript之datagrid查询详解
Sep 15 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
You might like
PHP 简易输出CSV表格文件的方法详解
2013/06/20 PHP
PHP中加密解密函数与DES加密解密实例
2014/10/17 PHP
JS 巧妙获取剪贴板数据 Excel数据的粘贴
2009/07/09 Javascript
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
jQuery获取节点和子节点文本的方法
2014/07/22 Javascript
JavaScript Serializer序列化时间处理示例
2014/07/31 Javascript
JS替换字符串中空格方法
2015/04/17 Javascript
JavaScript框架是什么?怎样才能叫做框架?
2015/07/01 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
JS实现可拖曳、可关闭的弹窗效果
2015/09/26 Javascript
浅析JavaScript访问对象属性和方法及区别
2015/11/16 Javascript
深入理解JavaScript程序中内存泄漏
2016/03/17 Javascript
Vue.js每天必学之Class与样式绑定
2016/09/05 Javascript
form表单转Json提交的方法(推荐)
2016/09/23 Javascript
关于js中的鼠标事件总结
2017/07/11 Javascript
HTML5开发Kinect体感游戏的实例应用
2017/09/18 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
vue项目创建并引入饿了么elementUI组件的步骤
2019/04/11 Javascript
基于Vue+ElementUI的省市区地址选择通用组件
2019/11/20 Javascript
在vue项目实现一个ctrl+f的搜索功能
2020/02/28 Javascript
python实现rest请求api示例
2014/04/22 Python
Python实现ping指定IP的示例
2018/06/04 Python
Python实现查找最小的k个数示例【两种解法】
2019/01/08 Python
运用PyTorch动手搭建一个共享单车预测器
2019/08/06 Python
Python3.8对可迭代解包的改进及用法详解
2019/10/15 Python
关于Python Tkinter Button控件command传参问题的解决方式
2020/03/04 Python
python如何求圆的面积
2020/07/01 Python
Python程序慢的重要原因
2020/09/04 Python
Parts Express:音频、视频和扬声器的第一来源
2017/04/25 全球购物
阿玛尼美妆俄罗斯官网:Giorgio Armani Beauty RU
2020/07/19 全球购物
95%的面试官都会问到的50道Java线程题,附答案
2012/08/03 面试题
出纳工作岗位责任制
2014/02/02 职场文书
钱塘江大潮导游词
2015/02/03 职场文书
2016年大学生社区服务活动总结
2016/04/06 职场文书
vue中控制mock在开发环境使用,在生产环境禁用方式
2022/04/06 Vue.js
讲解MySQL增删改操作
2022/05/06 MySQL