首页 >

JS onkeypress兼容性写法详解【javascript】

web前端|js教程JS onkeypress兼容性写法详解【javascript】
JS,onkeypress,兼容性
web前端-js教程
要求实现输入密码后按回车,触发后台事件。看似十分简单的需求,可是却碰到不少难题啊。
vc实例精通 源码,vscode全局搜索配置在,ubuntu安装fpm,获取tomcat项目名,python爬虫加盟,百度翻译api php,沈阳常规抖音seo优化理念,小说网站源码开发,dede网站模板免费下载lzw
HTML内容中主要有一个密码输入文本框,还有一个按钮,用来触发后台事件。
安卓万年历源码,vscode写前端使用教程,ubuntu 桌面全屏,如何提升tomcat效率,爬虫酒店评论,php _set魔术方法,濮阳网络seo推广公司排名,公司网站开源源码,cpa聊天室模板lzw
1. TextBox文本框获得焦点后直接回车,页面会刷新。
经过代码仔细研究,原来是当页面中只有一个文本框控件时,当按回车健页面将刷新。
处理方法:在页面中加入一个隐藏的TextBox控件。
具体原理不明!
paint.net 4.0 源码,vscode 如何分屏,天龙八部ubuntu,tomcat星系,sqlite葫芦侠,租用mysql服务器吗,手机原生插件时间是什么意思,php常用前端框架,python爬虫需要学多久,php写体会,seo培训公司哪家好,织梦一键更新网站,判断网页是否手机打开,后台登录注册页面模板,页面显示html代码,管理系统v1.0.0.0登录,mfc画图程序代码lzw
2. 用Jquery实现方法:

 $(document).ready(function(){  $("#tbPassword").focus();  $('#bPassword').keydown(function(e){         if(e.keyCode == 13){       $("#ctl00_ContentBody_btnAccept_linkButton")[0].click();    }      });  });
3. 因为种种原因不能采用Jquery的实现方法,只好改用JS,它的兼容性就是一个最头疼的问题了。

  document.getElementByIdx_x_x("tbPassword").onkeypress = function(event){    var keynum;    if(window.event) // IE    {     keynum = window.event.keyCode;    }    else if(event.which) // Netscape/Firefox/Opera    {     keynum = event.which;    }        if (keynum == 13)      document.getElementByIdx_x_x('ctl00_ContentBody_btnAccept_linkButton').click();  }
说明:

在IE下读取键盘按键:

keynum = event.keyCode; // 字母d,keynum=100    keychar = String.fromCharCode(keynum); // 将keynum转换成字符d
在FireFox中读取键盘按键:

 keynum = event.which; // 字母d,keynum=100    keychar = String.fromCharCode(keynum); // 将keynum转换成字符d
如IE中,只有keyCode属性,而FireFox中有which和charCode属性,Opera中有keyCode和which属性等。

因此,在Jquery中已经解决这种兼容性问题。


JS onkeypress兼容性写法详解【javascript】
  • 检查输入的是否是数字使用keyCode配合onkeypress事件【javascript】
  • 检查输入的是否是数字使用keyCode配合onkeypress事件【javascript】 | 检查输入的是否是数字使用keyCode配合onkeypress事件【javascript】 ...

    JS onkeypress兼容性写法详解【javascript】
  • onkeyup,onkeydown和onkeypress的区别介绍
  • onkeyup,onkeydown和onkeypress的区别介绍 | onkeyup,onkeydown和onkeypress的区别介绍 ...

    JS onkeypress兼容性写法详解【javascript】
  • onkeypress字符按键兼容所有浏览器使用介绍【javascript】
  • onkeypress字符按键兼容所有浏览器使用介绍【javascript】 | onkeypress字符按键兼容所有浏览器使用介绍【javascript】 ...