基于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 相关文章推荐
vs2003 js文件编码问题的解决方法
Mar 20 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Sep 04 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
Oct 28 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
Mar 05 Javascript
浅谈javascript的url参数parse和build函数
Mar 04 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
Mar 15 Javascript
jquery拖动改变div大小
Jul 04 jQuery
浅谈关于angularJs中使用$.ajax的注意点
Aug 12 Javascript
Vue中的ref作用详解(实现DOM的联动操作)
Aug 21 Javascript
React Native验证码倒计时工具类分享
Oct 24 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
Jan 11 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
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 获取远程文件内容的函数代码
2010/03/24 PHP
解析php中反射的应用
2013/06/18 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
php使用pecl方式安装扩展操作示例
2019/08/12 PHP
jquery 表单下所有元素的隐藏
2009/07/25 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
2014/01/07 Javascript
jQuery中insertBefore()方法用法实例
2015/01/08 Javascript
JS交换变量的方法
2015/01/21 Javascript
浅谈下拉菜单中的Option对象
2015/05/10 Javascript
jQuery实现ajax调用WCF服务的方法(附带demo下载)
2015/12/04 Javascript
jQuery检查元素存在性(推荐)
2016/09/17 Javascript
JavaScript中省略元素对数组长度的影响
2016/10/26 Javascript
js无提示关闭浏览器窗口的两种方法分析
2016/11/06 Javascript
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
2017/05/24 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
2020/03/09 Javascript
在python中的socket模块使用代理实例
2014/05/29 Python
python算法演练_One Rule 算法(详解)
2017/05/17 Python
在CMD命令行中运行python脚本的方法
2018/05/12 Python
5款Python程序员高频使用开发工具推荐
2019/04/10 Python
使用Python实现将list中的每一项的首字母大写
2019/06/11 Python
python图形用户接口实例详解
2019/12/16 Python
Python3.6安装卸载、执行命令、执行py文件的方法详解
2020/02/20 Python
numpy的Fancy Indexing和array比较详解
2020/06/11 Python
浅析Python迭代器的高级用法
2020/07/16 Python
欧舒丹俄罗斯官方网站:L’OCCITANE俄罗斯
2019/11/22 全球购物
西部世纪.net笔试题面试题
2014/04/03 面试题
应用化学专业职业生涯规划书
2013/12/31 职场文书
奶茶店创业计划书范文
2014/01/17 职场文书
秸秆管理实施方案
2014/03/15 职场文书
优秀的导游求职信范文
2014/04/06 职场文书
2014法制宣传日活动总结
2014/07/09 职场文书
《有余数的除法》教学反思
2016/02/22 职场文书
分析设计模式之模板方法Java实现
2021/06/23 Java/Android
Python re.sub 反向引用的实现
2021/07/07 Python
如何在python中实现ECDSA你知道吗
2021/11/23 Python
Redis实现一个账号只能登录一个设备
2022/04/19 Redis