巧用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{}感觉要优雅些!

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

相关文章

  • django admin 使用SimpleUI自定义按钮弹窗框示例

    django admin 使用SimpleUI自定义按钮弹窗框示例

    Django 后台admin有大量的属性和方法,拥有强大的功能和自定义能力,这篇文章主要介绍了django admin 使用SimpleUI自定义按钮弹窗框示例,需要的朋友可以参考下
    2023-04-04
  • JavaScript WeakMap使用详解

    JavaScript WeakMap使用详解

    这篇文章主要介绍了JavaScript WeakMap使用的详细介绍,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2021-02-02
  • javascript实现表格信息增添与删除

    javascript实现表格信息增添与删除

    这篇文章主要为大家详细介绍了javascript实现表格信息增添与删除,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • JavaScript 读取元素的CSS信息的代码

    JavaScript 读取元素的CSS信息的代码

    在前端开发的工作中,总是会涉及到一些JavaScript和CSS信息交互的内容。
    2010-02-02
  • JS与CSS3实现图片响应鼠标移动放大效果示例

    JS与CSS3实现图片响应鼠标移动放大效果示例

    这篇文章主要介绍了JS与CSS3实现图片响应鼠标移动放大效果,结合实例形式分析了javascript与css3响应鼠标事件动态修改页面元素属性实现图片放大效果相关操作技巧,需要的朋友可以参考下
    2018-05-05
  • 深入浅出es6模板字符串

    深入浅出es6模板字符串

    这篇文章主要介绍了深入浅出es6模板字符串,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 理清apply(),call()的区别和关系

    理清apply(),call()的区别和关系

    如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.
    2011-08-08
  • 小试小程序云开发(小结)

    小试小程序云开发(小结)

    这篇文章主要介绍了小试小程序云开发(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • JavaScript中防抖和节流的区别及适用场景

    JavaScript中防抖和节流的区别及适用场景

    这篇文章主要介绍了JavaScript中防抖和节流的区别及适用场景,文章通过围绕主题的相关资料展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-05-05
  • 微信小程序swiper实现文字纵向轮播提示效果

    微信小程序swiper实现文字纵向轮播提示效果

    这篇文章主要介绍了微信小程序swiper实现文字纵向轮播提示效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01

最新评论