关于按enter进行登录的js实现(判断是否是IE或者是其他浏览器)
2015-10-29 17:11
696 查看
document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { $("#login").trigger("click"); } <span style="font-family:Verdana, Arial, Helvetica, sans-serif;">}</span>
一.
document.all是页面内所有元素的一个集合。例如:
document.all(0)表示页面内第一个元素
二.
document.all可以判断浏览器是否是IE
if(document.all){
alert("is IE!");
}
三.
也可以通过给某个元素设置id属性(id=aaaa),然后用document.all.aaaa调用该元素
四 enter键的ASCII是13
五 var ev = document.all ? window.event : e;
这个是用来区别ie 和其他浏览器的一个判断
在ie中,事件传播的时候,生成的事件对象会绑定到全局的window上
而在其他浏览器中,事件对象将会是一个局部变量,传到方法中
var btn = document.getElementById('btn');//一个按钮 btn.onclick = function(event){//给btn绑定一个点击事件 //其他浏览器会在点击发生的时候,把事件对象当作参数传递过来 alert('其他浏览器:' + event); //在<a href="https://www.baidu.com/s?wd=ie%E6%B5%8F%E8%A7%88%E5%99%A8&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9m1fYujRkuH-bPhm1rj630ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1Dvn1T4nWmvPHczP1m3nWT3PW0" target="_blank" class="baidu-highlight">ie浏览器</a>中,这个event变量是空,它会在全局的window上 alert('<a href="https://www.baidu.com/s?wd=ie%E6%B5%8F%E8%A7%88%E5%99%A8&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9m1fYujRkuH-bPhm1rj630ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1Dvn1T4nWmvPHczP1m3nWT3PW0" target="_blank" class="baidu-highlight">ie浏览器</a>:' + window.event); }
这样在处理的时候,为了统一处理event对象,就需要区别出来ie和别的浏览器
而在ie中的document对象有一个all属性,里面存放了页面中所有的标签
在其他浏览器中是没有这个属性的,所以,可以用document.all来判断是否为ie浏览器
然后进行event处理
var btn = document.getElementById('btn'); btn.onclick = function(event){//给btn绑定一个点击事件 //这里用一个三元表达式来做简单判断,如果存在document.all那么使用window.event //否则就直接用event var ev = document.all ? window.event : event; alert(ev); } //这个写法可以稍微简单一些 btn.onclick = function(event){ //直接用这个判断,如果存在event对象,则直接用他,否则用window.event var ev = event || window.event; alert(ev); }
相关文章推荐
- 图解javascript this指向什么?
- [置顶] 关于对js插件fullpage学习的一些心得
- js获取滚动条的宽度
- js基础 - insertAdjacentHTML
- JS计算字符串所占字节数
- 基础篇:1.JavaScript运行在html中,引用有几种方式?—— 6.js中常用的输出方式?
- json 数据 添加 删除 排序
- js获取浏览器尺寸
- ICE流传输
- javascript 异步编程的4种方法
- SeaJS之define函数
- javascript常用的事件
- JS判断字符串长度(英文占1个字符,中文汉字占2个字符)
- 个人笔记 js 12 js返回上一页
- 个人笔记 js 10 计算当前访客数
- 个人笔记 js 09 js检测访问者首次到达站点的确切时间
- 个人笔记 js 07 js向select里添加option
- 个人笔记 js 06 子页面获取父页面的元素的方法
- 个人笔记 js 05 关闭子页面的方法
- 个人笔记 js 04 把子页面把参数传递到父页面的方法