基于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 相关文章推荐
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
Mar 25 Javascript
获取表单控件原始(初始)值的方法
Aug 21 Javascript
IE6已终止操作问题的2种情况及解决
Apr 23 Javascript
js获取对象、数组的实际长度,元素实际个数的实现代码
Jun 08 Javascript
老生常谈jquery中detach()和remove()的区别
Mar 02 Javascript
Vue项目webpack打包部署到服务器的实例详解
Jul 17 Javascript
关于Webpack dev server热加载失败的解决方法
Feb 22 Javascript
vue.js template模板的使用(仿饿了么布局)
Aug 13 Javascript
bootstrap table列和表头对不齐的解决方法
Jul 19 Javascript
通过js示例讲解时间复杂度与空间复杂度
Aug 06 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 Javascript
使用Vue实现一个树组件的示例
Nov 06 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做下载文件的实现代码及文件名中乱码解决方法
2011/02/03 PHP
PHP处理Oracle的CLOB实例
2014/11/03 PHP
js+php实现静态页面实时调用用户登陆状态的方法
2015/01/04 PHP
PHP Include文件实例讲解
2019/02/15 PHP
jqgrid 表格数据导出实例
2013/11/21 Javascript
基于JavaScript实现TAB标签效果
2016/01/12 Javascript
初步使用bootstrap快速创建页面
2016/03/03 Javascript
jquery获取img的src值的简单实例
2016/05/17 Javascript
js输出数据精确到小数点后n位代码
2016/07/02 Javascript
JavaScript中关于iframe滚动条的去除和保留
2016/11/17 Javascript
移动端界面的适配
2017/01/11 Javascript
详解使用vue实现tab 切换操作
2017/07/03 Javascript
bootstrap table插件的分页与checkbox使用详解
2017/07/23 Javascript
基于Vue实现页面切换左右滑动效果
2020/06/29 Javascript
详解关于react-redux中的connect用法介绍及原理解析
2017/09/11 Javascript
vue-cli + sass 的正确打开方式图文详解
2017/10/27 Javascript
使用vue2实现购物车和地址选配功能
2018/03/29 Javascript
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
vuejs点击class变化的实例
2018/09/05 Javascript
H5+C3+JS实现双人对战五子棋游戏(UI篇)
2020/05/28 Javascript
小程序云开发部署攻略(图文教程)
2018/10/30 Javascript
layui框架与SSM前后台交互的方法
2019/09/12 Javascript
Vue-cli3项目引入Typescript的实现方法
2019/10/18 Javascript
uni-app从安装到卸载的入门教程
2020/05/15 Javascript
python3批量删除豆瓣分组下的好友的实现代码
2016/06/07 Python
用python实现百度翻译的示例代码
2018/03/09 Python
python-opencv颜色提取分割方法
2018/12/08 Python
Python列表切片操作实例总结
2019/02/19 Python
Pandas实现dataframe和np.array的相互转换
2019/11/30 Python
python logging 日志的级别调整方式
2020/02/21 Python
会计电算化专业个人的自我评价
2013/11/24 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
机动车登记业务委托书
2014/10/08 职场文书
话题作文之诚信
2019/11/28 职场文书
python 网络编程要点总结
2021/06/18 Python
零基础学java之方法的定义与调用详解
2022/04/10 Java/Android