基于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实现的在当前窗口中漂浮框的代码
Mar 15 Javascript
javascript中Date对象的getDay方法使用指南
Dec 22 Javascript
jQuery Easyui实现左右布局
Jan 26 Javascript
angularjs实现下拉列表的选中事件示例
Mar 03 Javascript
解决VUEX刷新的时候出现数据消失
Jul 03 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
Jul 18 Javascript
JavaScript解析任意形式的json树型结构展示
Jul 23 Javascript
JS模拟实现哈希表及应用详解
May 04 Javascript
js遍历详解(forEach, map, for, for...in, for...of)
Aug 28 Javascript
laravel实现中文和英语互相切换的例子
Sep 30 Javascript
JS内置对象和Math对象知识点详解
Apr 03 Javascript
node运行js获得输出的三种方式示例详解
Jul 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
You might like
php遍历树的常用方法汇总
2015/06/18 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
CI框架文件上传类及图像处理类用法分析
2016/05/18 PHP
[原创]php使用curl判断网页404(不存在)的方法
2016/06/23 PHP
php实现微信企业付款到个人零钱功能
2018/10/09 PHP
实例分析10个PHP常见安全问题
2019/07/09 PHP
jquery CSS选择器笔记
2010/03/29 Javascript
javascript 通用简单的table选项卡实现
2010/05/07 Javascript
js实现上传图片预览的方法
2015/02/09 Javascript
Vue2.0权限树组件实现代码
2017/08/29 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
在vue项目中优雅的使用SVG的方法实例详解
2018/12/03 Javascript
javascript异步编程的六种方式总结
2019/05/17 Javascript
vue获取form表单的值示例
2019/10/29 Javascript
JavaScript实现通讯录功能
2020/12/27 Javascript
vue 动态生成拓扑图的示例
2021/01/03 Vue.js
使用Python内置的模块与函数进行不同进制的数的转换
2016/03/12 Python
Python用zip函数同时遍历多个迭代器示例详解
2016/11/14 Python
Python3非对称加密算法RSA实例详解
2018/12/06 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
Django框架之登录后自定义跳转页面的实现方法
2019/07/18 Python
python爬虫 模拟登录人人网过程解析
2019/07/31 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
Ubuntu18.04安装 PyCharm并使用 Anaconda 管理的Python环境
2020/04/08 Python
基于Keras中Conv1D和Conv2D的区别说明
2020/06/19 Python
Python创建简单的神经网络实例讲解
2021/01/04 Python
CSS3实现跳动的动画效果
2016/09/12 HTML / CSS
html5 兼容IE6结构的实现代码
2012/05/14 HTML / CSS
巴西女装购物网站:Eclectic
2018/04/24 全球购物
Java中有几种方法可以实现一个线程?用什么关键字修饰同步方法?stop()和suspend()方法为何不推荐使用?
2015/08/04 面试题
专科文秘应届生求职信
2013/11/18 职场文书
会计专业的自荐信
2013/12/12 职场文书
公司任命书模板
2014/06/06 职场文书
机电系毕业生求职信
2014/07/11 职场文书
党干部专题民主生活会对照检查材料思想汇报
2014/10/06 职场文书
MySQL CHAR和VARCHAR该如何选择
2021/05/31 MySQL