基于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 相关文章推荐
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
Sep 24 Javascript
JavaScript中eval()函数用法详解
Dec 14 Javascript
详细谈谈AngularJS的子级作用域问题
Sep 05 Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 Javascript
初探JavaScript 面向对象(推荐)
Sep 03 Javascript
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
React Native 使用Fetch发送网络请求的示例代码
Dec 02 Javascript
vue实现nav导航栏的方法
Dec 13 Javascript
React中this丢失的四种解决方法
Mar 12 Javascript
小程序和web画三角形实现解析
Sep 02 Javascript
js的Object.assign用法示例分析
Mar 05 Javascript
Webpack的Loader和Plugin的区别
Nov 09 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
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
解析php中static,const与define的使用区别
2013/06/18 PHP
ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法
2014/08/08 PHP
PHP实现小程序批量通知推送
2018/11/27 PHP
PHP实现简单注册登录系统
2020/12/28 PHP
一个简单的jquery进度条示例
2014/04/28 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
浅谈react.js 之 批量添加与删除功能
2017/04/17 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
Node.js使用Angular简单示例
2018/05/11 Javascript
Angular6 用户自定义标签开发的实现方法
2019/01/08 Javascript
微信 jssdk 签名错误invalid signature的解决方法
2019/01/14 Javascript
详解JavaScript的数据类型以及数据类型的转换
2019/04/20 Javascript
elementUI select组件使用及注意事项详解
2019/05/29 Javascript
JavaScript实现滑动门效果
2020/01/18 Javascript
[40:57]TI4 循环赛第二日 iG vs EG
2014/07/11 DOTA
使用Python中的greenlet包实现并发编程的入门教程
2015/04/16 Python
在Python中操作时间之tzset()方法的使用教程
2015/05/22 Python
Python中MySQL数据迁移到MongoDB脚本的方法
2016/04/28 Python
Tesserocr库的正确安装方式
2018/10/19 Python
PyTorch中的Variable变量详解
2020/01/07 Python
Python如何使用内置库matplotlib绘制折线图
2020/02/24 Python
python实现PCA降维的示例详解
2020/02/24 Python
Python如何将函数值赋给变量
2020/04/28 Python
python中requests模拟登录的三种方式(携带cookie/session进行请求网站)
2020/11/17 Python
python 基于pygame实现俄罗斯方块
2021/03/02 Python
HTML5 CSS3新的WEB标准和浏览器支持
2009/07/16 HTML / CSS
英国领先的游戏零售商:GAME
2019/09/24 全球购物
C语言笔试题
2014/09/04 面试题
写给学生的新学期寄语
2014/01/18 职场文书
2014年评职称工作总结
2014/11/20 职场文书
民事起诉书范本
2015/05/19 职场文书
杨善洲观后感
2015/06/04 职场文书
2019最新版试用期劳动合同模板!
2019/07/04 职场文书
一篇合格的广告文案,其主要目的是什么?
2019/07/12 职场文书
如何通过一篇文章了解Python中的生成器
2022/04/02 Python