巧用Javascript的逻辑运算符

 更新时间:2016年12月02日 14:13:56   作者:船长op  
本篇文章主要介绍了Javascript逻辑运算符"或"的巧用实例,希望对大家有所帮助,下面就随小编一起来看看吧
domObj.onkeydown = function(e){
 if(e){
 e.……
 }else{
 event.……
 }
}

上面例子:如果是火狐浏览器执行if里面的语句,即使用e这个参数,来引用“事件对象”。

     如果是IE浏览器则执行else里面的语句,即使用event来引用“事件对象”。

这是为了兼容两个浏览器而使用的if判断方法,来使用事件对象。

domObj.onkeydown = function(e){ 
 var oevent = e||event; 
 oevent.……
}

上面例子:通过使用“或”这个逻辑运算符的特性,来自动判断应该使用那个做为事件对象的引用。

解释:e || event ;

    如果是IE浏览器,那么e不能做为事件对象的引用,为假。event为真,那么event就会赋值给var oevent = event;

    反之在火狐浏览器,那么event不能做为事件对象的引用,为假。e为真,那么e就会赋值给 var oevent = e;

所以无论在那个浏览器下面,oevent都可以正确的引用事件对象!这种写法,比前面的if(){}else{}感觉要优雅些!

以上就是本文的全部内容,希望对大家有所帮助,谢谢对脚本之家的支持!

相关文章

  • TypeScript对于Duck类型和模块命名空间应用

    TypeScript对于Duck类型和模块命名空间应用

    这篇文章主要介绍了TypeScript对于Duck类型和模块命名空间应用,Duck类型是一种动态类型和多态形式,在duck类型中,重点是对象的行为可以做什么,而不是对象所属的类型
    2022-08-08
  • js行号显示的文本框实现效果(兼容多种浏览器 )

    js行号显示的文本框实现效果(兼容多种浏览器 )

    本文主要介绍了javascript实现行号显示的文本框效果,这样就可以解决读者很难迅速找到所在某一行的对应代码,感兴趣的小伙伴们可以参考一下
    2015-10-10
  • uni.getLocation和wx.getLocation方法调用无效也不返回失败的解决方案

    uni.getLocation和wx.getLocation方法调用无效也不返回失败的解决方案

    这篇文章主要给大家介绍了关于uni.getLocation和wx.getLocation方法调用无效也不返回失败的解决方案,文中通过实例代码以及图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2023-04-04
  • 原生JS实现隐藏显示图片 JS实现点击切换图片效果

    原生JS实现隐藏显示图片 JS实现点击切换图片效果

    这篇文章主要为大家详细介绍了原生JS实现隐藏显示图片,JS实现点击切换图片效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • JavaScript中this的四个绑定规则总结

    JavaScript中this的四个绑定规则总结

    相信大家都知道,ES5及之前时代的JavaScript中this的绑定机制是让很多开发者头疼不已的事情。this 的绑定变化多端,让笔者也吃了不少亏。所以本文总结了this的四条绑定规则,在此记录,以防自己遗忘,也方便他人参考借鉴。下面来一起看看吧。
    2016-09-09
  • 原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】

    原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】

    这篇文章主要介绍了原生js实现可兼容PC和移动端的拖动滑块功能,结合实例形式详细分析了javascript事件响应及页面元素属性动态操作实现滑块拖动功能的相关操作技巧,需要的朋友可以参考下
    2019-08-08
  • JS+CSS实现分类动态选择及移动功能效果代码

    JS+CSS实现分类动态选择及移动功能效果代码

    这篇文章主要介绍了JS+CSS实现分类动态选择及移动功能效果代码,涉及JavaScript实现页面元素动态变换效果实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • JavaScript数据结构与算法

    JavaScript数据结构与算法

    这篇文章主要介绍了JavaScript数据结构与算法,文章围绕主题展开数据结构与算法的概念,以及几种常见的数据结构是什么,有什么优点和缺,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-07-07
  • 浅谈javascript语法和定时函数

    浅谈javascript语法和定时函数

    初学者可能对Javascript的定时器有误解,认为它们是线程,其实Javascript是运行于单线程中的,而定时器仅仅是计划在未来的某个时间执行,而具体的执行时间是不能保证的,因为在页面的生命周期中,不同的时间可能有其它代码在控制Javascript的里进程。
    2015-05-05
  • JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支

    JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支

    这篇文章主要介绍了JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支,结合实例形式总结分析了JS页面加载事件,数组操作,DOM节点操作,循环和分支所涉及的相关事件、函数及操作注意事项,需要的朋友可以参考下
    2019-07-07

最新评论