JavaScript 操作键盘的Enter事件（键盘任何事件），兼容多浏览器

废话少说，代码上来：

代码如下:

　　
document.onkeydown=function()
{
var EventUtil = {};
EventUtil.getEvent = function(){
if(window.event){return window.event;}
else{return EventUtil.getEvent.caller.arguments[0];}
}
var button = document.getElementById("qw");
if(EventUtil.getEvent().keyCode==13)
{
button.click();
event.returnValue = false;
}
}

作为对比：上传一不支持IE，但支持FireFox的：


代码如下:

window.onkeydown=function()
{
var EventUtil = {};
EventUtil.getEvent = function(){
if(window.event){return window.event;}
else{return EventUtil.getEvent.caller.arguments[0];}
}
　　　　　　//绑定你的id为qw的按钮事件

代码如下:

var button = document.getElementById("qw");
if(EventUtil.getEvent().keyCode==13)
{
button.click();
event.returnValue = false;
}
}

大家看出什么不同了么？
以上仅供借鉴。

赞 (0)

相关推荐

  • js enter键激发事件实例代码

    如下所示: document.onkeydown = function (e) { if (!e) e = window.event; if ((e.keyCode || e.which) == 13) { $("#btnSubmit").click(); } } 以上这篇js enter键激发事件实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • js 事件截取enter按键页面提交事件示例代码

    假如你在一个文本框中按enter事件是让他执行一个js函数,但是不想提交表单,可以这样做: function ysearch() //年文本框回车键后重新加载DataWindow{    validateInputText('yyyy');//想做的第一个js函数    if(event.keyCode==13)    {        changeym();//想做的第二个js函数,做完后把event给清空        event.returnValue=false;//把event事件给截

  • js 判断 enter 事件

    <script language="javascript"> function enterkey() { e = event.keyCode; if (e==13||e==32) { // do something. alert(e); event.returnValue= false; // 取消此事件的默认操作 } } </script> <body onkeydown="enterkey()"> </body>

  • javascript获取设置div的高度和宽度兼容任何浏览器

    Javascript如何获取和设置div的高度和宽度,并且兼容任何浏览器?看代码: 复制代码 代码如下: <div id="div1" style="height:300px;width:200px;">http://www.itdos.com</div> <div id="div2" style="height:30px;width:20px;">http://www.itdos.com&

  • JavaScript 操作键盘的Enter事件（键盘任何事件），兼容多浏览器

    废话少说,代码上来: 复制代码 代码如下: document.onkeydown=function() { var EventUtil = {}; EventUtil.getEvent = function(){ if(window.event){return window.event;} else{return EventUtil.getEvent.caller.arguments[0];} } var button = document.getElementById("qw");

  • 在JavaScript中监听IME键盘输入事件

    输入法应当如何触发键盘事件呢?是每一下击键都触发一次事件,还是选词完毕才触发事件呢?整句输入又该如何触发事件呢?不同的操作系统和不同的浏览器对此有不同的看法.在最糟糕的情况下,用户使用输入法后浏览器就只触发一次 keydown ,之后就没有任何的键盘事件了.这对于 Suggestion 控件的实现来说是个大问题,因为 Suggestion 控件需要监听文本输入框的变化,而事件是最准确也最节省计算资源的做法,如果换成轮询的话性能就可能受到影响. 首先,要监听启用输入法后的击键事件应当使用 keyd

  • .net,js捕捉文本框回车键事件的小例子(兼容多浏览器)

    js: 复制代码 代码如下: function bubufx_enterpress(e) {         var keynum; if (window.event) // IE           {             keynum = e.keyCode; }         else if (e.which) // Netscape/Firefox/Opera           {             keynum = e.which;         }         i

  • js移除事件 js绑定事件实例应用

    复制代码 代码如下: /** * @description 事件绑定,兼容各浏览器 * @param target 事件触发对象 * @param type 事件 * @param func 事件处理函数 */ function addEvents(target, type, func) { if (target.addEventListener) //非ie 和ie9 target.addEventListener(type, func, false); else if (target.att

  • javascript的键盘控制事件说明

    控制回车焦点问题: 复制代码 代码如下: <script type="text/javascript"> function submitForm() { if(window.event.keyCode==13) { document.getElementById('btnSearch').focus(); } } document.onkeydown=submitForm; </script> 首先需要了解的是如何初始化该事件,基本语句如下: document.

  • JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例

    JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例

    本文实例讲述了JavaScript(js)处理的HTML事件.键盘事件.鼠标事件.分享给大家供大家参考,具体如下: 示例代码: HTML文件: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML文件</title> <script> window.οnlοad=function () {

  • javascript 按键事件(兼容各浏览器)

    第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown.onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup. 在这3种事件类型中,keydown和keyup比较底层,而keypress比较高级.这里所谓的高级是指,当用户按下shift + 1时,keypress是对这个按键事件进行解析后

  • 对vue 键盘回车事件的实例讲解

    如果是原生的input,使用 @keyup.enter就可以,若是使用了element-ui,则要加上native限制符,因为element-ui把input进行了封装,原事件就不起作用了,代码如下: <input v-model="form.name" placeholder="昵称" @keyup.enter="submit"> <el-input v-model="form.name" placehol

  • JavaScript中Window对象的属性及事件

    Window 对象 Window 对象表示浏览器中打开的窗口. 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象. 注释:没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象. windows对象属性 属性 描述 closed 返回窗口是否已被关闭. defaultStatus 设置或返回窗口状态栏中的默认文本. document 对 Document 对象的只读引用.请

随机推荐