基于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下查找父节点的简单方法
Aug 13 Javascript
jQuery JSON的解析方式分享
Apr 05 Javascript
浮动的div自适应居中显示的js代码
Dec 23 Javascript
jQuery中hover方法和toggle方法使用指南
Feb 27 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 Javascript
JavaScript数组的一些奇葩行为
Jan 25 Javascript
vue.js利用Object.defineProperty实现双向绑定
Mar 09 Javascript
老生常谈js-react组件生命周期
May 02 Javascript
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
Jul 21 Javascript
Vue.js实现列表清单的操作方法
Nov 15 Javascript
vue 本地环境跨域请求proxyTable的方法
Sep 19 Javascript
Vue解决echart在element的tab切换时显示不正确问题
Aug 03 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 minixml详解
2008/07/19 PHP
浅谈PHP Cookie处理函数
2016/06/10 PHP
PHP判断是否微信访问的方法示例
2019/03/27 PHP
PHP面向对象程序设计之对象的遍历操作示例
2019/06/12 PHP
Laravel的Auth验证Token验证使用自定义Redis的例子
2019/09/30 PHP
Textarea根据内容自适应高度
2013/10/28 Javascript
SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
2015/12/10 Javascript
基于JS2Image实现圣诞树代码
2015/12/24 Javascript
js简单设置与使用cookie的方法
2016/01/22 Javascript
Javascript基础_嵌入图像的简单实现
2016/06/14 Javascript
微信小程序 动态绑定数据及动态事件处理
2017/03/14 Javascript
Ajax异步文件上传与NodeJS express服务端处理
2017/04/01 NodeJs
js canvas实现简单的图像扩散效果
2020/06/28 Javascript
vue的常用组件操作方法应用分析
2018/04/13 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
深入分析jQuery.one() 函数
2020/06/03 jQuery
[01:14]TI珍贵瞬间系列(六):冠军
2020/08/30 DOTA
[50:44]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第二场 2月22日
2021/03/11 DOTA
基于wxpython实现的windows GUI程序实例
2015/05/30 Python
CentOS 6.X系统下升级Python2.6到Python2.7 的方法
2016/10/12 Python
Django应用程序中如何发送电子邮件详解
2017/02/04 Python
Python中enumerate()函数编写更Pythonic的循环
2018/03/06 Python
对python3 Serial 串口助手的接收读取数据方法详解
2019/06/12 Python
Python collections中的双向队列deque简单介绍详解
2019/11/04 Python
如何在Win10系统使用Python3连接Hive
2020/10/15 Python
HTML5中原生的右键菜单创建方法
2016/06/28 HTML / CSS
日本最新流行服饰网购:Nissen
2016/07/24 全球购物
OPPO手机官方商城:中国手机市场出货量第一品牌
2017/10/18 全球购物
墨西哥巴士车票在线购买:ClickBus
2018/03/27 全球购物
党校自我鉴定范文
2013/10/02 职场文书
前台文员的岗位职责
2013/11/14 职场文书
导游个人求职信范文
2014/03/23 职场文书
本科生导师推荐信范文
2014/05/18 职场文书
关于成绩下滑的自我检讨书
2014/09/20 职场文书
企业年检委托书范本
2014/10/14 职场文书
MySQL 字符集 character
2022/05/04 MySQL