js 回车提交表单两种实现方法

 更新时间:2012年12月31日 16:11:38   作者:  
js 回车提交一些新手朋友还是比较陌生的,本文介绍两种实现方法:jQuery方法、JavaScript方法,感兴趣的朋友可以研究下

1、JavaScript 方法

复制代码 代码如下:

[javascript] <script>
document.onkeydown=function(event){
e = event ? event :(window.event ? window.event : null);
if(e.keyCode==13){
//执行的方法
alert('回车检测到了');
}
}
</script>
<script>
document.onkeydown=function(event){
e = event ? event :(window.event ? window.event : null);
if(e.keyCode==13){
//执行的方法
alert('回车检测到了');
}
}
</script>

2、jQuery 方法
复制代码 代码如下:

[javascript] <script>
$(document).ready(function(){
$("按下回车的控件").keydown(function(e){
var curKey = e.which;
if(curKey == 13){
$("#回车事件按钮控件").click();
return false;
}
});
});
</script>

相关文章

  • 基于layer.js实现收货地址弹框选择然后返回相应的地址信息

    基于layer.js实现收货地址弹框选择然后返回相应的地址信息

    这篇文章主要介绍了基于layer.js实现收货地址弹框选择然后返回相应的地址信息,需要的朋友可以参考下
    2017-05-05
  • 一文详解JavaScript 如何将 HTML 转成 Markdown

    一文详解JavaScript 如何将 HTML 转成 Markdown

    这篇文章主要介绍了一文详解JavaScript如何将HTML转成Markdown,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-08-08
  • Three.js物理引擎Cannon.js创建简单应用程序

    Three.js物理引擎Cannon.js创建简单应用程序

    这篇文章主要为大家介绍了Three.js物理引擎Cannon.js创建简单应用程序详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • 移动端日期插件Mobiscroll.js使用详解

    移动端日期插件Mobiscroll.js使用详解

    这篇文章主要为大家详细介绍了移动端日期插件Mobiscroll.js的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • prototype框架中美元符号$用法分析

    prototype框架中美元符号$用法分析

    这篇文章主要介绍了prototype框架中美元符号$用法,结合实例形式较为详细的分析了$符号的使用技巧与相关注意事项,需要的朋友可以参考下
    2016-01-01
  • JavaScript内置日期、时间格式化时间实例代码

    JavaScript内置日期、时间格式化时间实例代码

    JS中的 Date 对象用于处理日期和时间,Date对象和Math对象不一样,Date是一个构造函数,需要实例化后才能使用对象中具体的方法和属性。这篇文章主要给大家介绍了关于JavaScript内置日期、时间格式化时间的相关资料,需要的朋友可以参考下
    2021-05-05
  • JavaScript类的写法

    JavaScript类的写法

    这篇文章主要为大家详细介绍了JavaScript类的写法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • Vue之vue-tree-color组件实现组织架构图案例详解

    Vue之vue-tree-color组件实现组织架构图案例详解

    这篇文章主要介绍了Vue之vue-tree-color组件实现组织架构图案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-09-09
  • js实现复制粘贴的两种方法

    js实现复制粘贴的两种方法

    这篇文章主要为大家详细介绍了js实现的两种方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • bootstrap导航条实现代码

    bootstrap导航条实现代码

    这篇文章主要为大家详细介绍了bootstrap导航条的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12

最新评论