基于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后面所带参数含义介绍
Aug 18 Javascript
js跳转页面方法实现汇总
Feb 11 Javascript
Node.js中使用事件发射器模式实现事件绑定详解
Aug 15 Javascript
jQuery中unbind()方法用法实例
Jan 19 Javascript
jquery实现两个图片渐变切换效果的方法
Jun 25 Javascript
javascript中的正则表达式使用详解
Aug 30 Javascript
Bootstrap按钮下拉菜单组件详解
May 10 Javascript
JS弹出窗口插件zDialog简单用法示例
Jun 12 Javascript
AngularJs IE Compatibility 兼容老版本IE
Sep 01 Javascript
微信小程序结合mock.js实现后台模拟及调试
Mar 28 Javascript
详解Vue后台管理系统开发日常总结(组件PageHeader)
Nov 01 Javascript
js抽奖转盘实现方法分析
May 16 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中使用CURL伪造来路抓取页面或文件
2011/05/04 PHP
自定义php类(查找/修改)xml文档
2013/03/26 PHP
PHP中使用curl伪造IP的简单方法
2015/08/07 PHP
使用PHP和JavaScript判断请求是否来自微信内浏览器
2015/08/18 PHP
PHP图片加水印实现方法
2016/05/06 PHP
javascript中创建对象的几种方法总结
2013/11/01 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
window.location.href IE下跳转失效的解决方法
2014/03/27 Javascript
检测一个函数是否是JavaScript原生函数的小技巧
2015/03/13 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
2015/09/17 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
2020/06/23 Javascript
jQuery遮罩层效果实例分析
2016/01/14 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
2016/01/26 Javascript
不定义JQuery插件 不要说会JQuery
2016/03/07 Javascript
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
2016/12/02 Javascript
JS实现点击链接切换显示隐藏内容的方法
2017/10/19 Javascript
webpack 模块热替换原理
2018/04/09 Javascript
vue实现动态添加数据滚动条自动滚动到底部的示例代码
2018/07/06 Javascript
angular将html代码输出为内容的实例
2018/09/30 Javascript
Vue.js组件通信之自定义事件详解
2019/10/19 Javascript
Python socket C/S结构的聊天室应用实现
2014/11/30 Python
Python中的列表知识点汇总
2015/04/14 Python
python在文本开头插入一行的实例
2018/05/02 Python
Caffe均值文件mean.binaryproto转mean.npy的方法
2018/07/09 Python
django项目登录中使用图片验证码的实现方法
2019/08/15 Python
Python高并发和多线程有什么关系
2020/11/14 Python
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用
2013/01/30 HTML / CSS
计算机专业应届生求职信
2014/04/06 职场文书
客户经理竞聘演讲稿
2014/05/15 职场文书
求职信怎么写范文
2014/05/26 职场文书
安全例会汇报材料
2014/08/23 职场文书
简历中的自我评价应该这样写!
2019/07/12 职场文书
关于食品安全的演讲稿范文(三篇)
2019/10/21 职场文书
【海涛教你打DOTA】黑鸟第一视角解说
2022/04/01 DOTA
PHP RabbitMQ消息列队
2022/05/11 PHP