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

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

相关文章

  • JS+CSS实现自动改变切换方向图片幻灯切换效果的方法

    JS+CSS实现自动改变切换方向图片幻灯切换效果的方法

    这篇文章主要介绍了JS+CSS实现自动改变切换方向图片幻灯切换效果的方法,实例分析了javascript操作图片切换方向的幻灯片技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • JavaScript错误处理避坑指南

    JavaScript错误处理避坑指南

    JavaScript错误处理是编程过程中不可避免的部分,它涉及到识别、捕获和响应代码运行时可能出现的问题,本文将详细给大家介绍一下JavaScript错误处理的避坑指南,需要的朋友可以参考下
    2025-03-03
  • js仿小米官网图片轮播特效

    js仿小米官网图片轮播特效

    这篇文章主要为大家详细介绍了js仿小米官网图片轮播特效,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码

    JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码

    最近看到朋友用JavaScript实现仿新浪微博大厅和未登录腾讯微博首页滚动效果,朋友使用jquery实现的,在网上看到有用js制作的也比较好,于是把我的内容整理分享给大家,具体详解请看本文
    2015-09-09
  • javaScript中push函数用法实例分析

    javaScript中push函数用法实例分析

    这篇文章主要介绍了javaScript中push函数用法,较为详细的分析了javascript中push函数的功能、定义及使用技巧,需要的朋友可以参考下
    2015-06-06
  • Openlayers绘制聚合标注

    Openlayers绘制聚合标注

    这篇文章主要为大家详细介绍了Openlayers实现聚合标注,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • JS中的一些常用的函数式编程术语

    JS中的一些常用的函数式编程术语

    这篇文章主要介绍了JS中的一些常用的函数式编程术语,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,
    2019-06-06
  • JS 调用微信扫一扫功能

    JS 调用微信扫一扫功能

    这篇文章主要介绍了JS 调用微信扫一扫功能,本文给大家介绍的非常详细,具有参考借鉴价值,需要的朋友参考下吧
    2016-12-12
  • 微信小程序实现简单input正则表达式验证功能示例

    微信小程序实现简单input正则表达式验证功能示例

    这篇文章主要介绍了微信小程序实现简单input正则表达式验证功能,结合实例形式分析了微信小程序input组件事件绑定及正则验证相关操作技巧,需要的朋友可以参考下
    2017-11-11
  • js实现动画特效的文字链接鼠标悬停提示的方法

    js实现动画特效的文字链接鼠标悬停提示的方法

    这篇文章主要介绍了js实现动画特效的文字链接鼠标悬停提示的方法,实例分析了javascript操作css的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03

最新评论