基于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 继承实例分析
Nov 04 Javascript
Jquery 获取对象的几种方式介绍
Jan 17 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
Aug 15 Javascript
JavaScript继承模式粗探
Jan 12 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
Feb 20 Javascript
基于JS实现类似支付宝支付密码输入框
Sep 02 Javascript
Angular.JS中的this指向详解
May 17 Javascript
详解JavaScript按概率随机生成事件
Aug 02 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
Mar 01 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
May 31 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
Apr 13 Javascript
微信小程序实现简单文字跑马灯
May 26 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 动态添加记录
2009/03/10 PHP
PHP字符串 ==比较运算符的副作用
2009/10/21 PHP
Fine Uploader文件上传组件应用介绍
2013/01/06 PHP
laravel批量生成假数据的方法
2019/10/09 PHP
Aster vs KG BO3 第二场2.18
2021/03/10 DOTA
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
一些技巧性实用js代码小结
2009/10/14 Javascript
js中document.write使用过程中的一点疑问解答
2014/03/20 Javascript
Windows系统下使用Sublime搭建nodejs环境
2015/04/13 NodeJs
AngularJS使用ngMessages进行表单验证
2015/12/27 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
2016/09/01 Javascript
jquery实现下拉框左右选择功能
2017/02/21 Javascript
vue.js移动数组位置,同时更新视图的方法
2018/03/08 Javascript
Vue表情输入组件 微信face表情组件
2019/02/11 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
2019/10/23 jQuery
JavaScript实现移动端带transition动画的轮播效果
2020/03/24 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
python中的多线程实例教程
2014/08/27 Python
Python socket C/S结构的聊天室应用实现
2014/11/30 Python
Python基础学习之类与实例基本用法与注意事项详解
2019/06/17 Python
使用python os模块复制文件到指定文件夹的方法
2019/08/22 Python
Python 实现自动获取种子磁力链接方式
2020/01/16 Python
new_zeros() pytorch版本的转换方式
2020/02/18 Python
python标准库OS模块详解
2020/03/10 Python
施华洛世奇澳大利亚官网:SWAROVSKI澳大利亚
2017/01/06 全球购物
TCP/IP模型的分界线
2012/12/01 面试题
关于抽烟的检讨书
2014/02/25 职场文书
小学一年级学生评语
2014/04/22 职场文书
廉政教育的心得体会
2014/09/01 职场文书
2014财产信托协议书范本
2014/11/18 职场文书
邀请函模板
2015/02/02 职场文书
中班教师个人总结
2015/02/05 职场文书
500字小学生检讨书
2015/02/19 职场文书
给领导敬酒词
2015/08/12 职场文书
创业计划书之儿童理发店
2019/09/27 职场文书
Java面试题冲刺第十九天--数据库(4)
2021/08/07 Java/Android