巧用Javascript的逻辑运算符


Posted in Javascript onDecember 02, 2016
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{}感觉要优雅些!

以上就是本文的全部内容,希望对大家有所帮助,谢谢对三水点靠木的支持!

Javascript 相关文章推荐
js TextArea的选中区域处理
Dec 28 Javascript
Jquery实现的tab效果可以指定默认显示第几页
Oct 16 Javascript
javascript去掉代码里面的注释
Jul 24 Javascript
高效的jquery数字滚动特效
Dec 17 Javascript
酷! 不同风格页面布局幻灯片特效js实现
Feb 19 Javascript
Vue.js每天必学之构造器与生命周期
Sep 05 Javascript
JavaScript运动框架 解决防抖动问题、悬浮对联(二)
May 17 Javascript
微信小程序之发送短信倒计时功能
Aug 30 Javascript
基于 Vue 实现一个酷炫的 menu插件
Nov 14 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
Mar 01 Javascript
vue实现Input输入框模糊查询方法
Jan 29 Javascript
element-ui如何防止重复提交的方法步骤
Dec 09 Javascript
Vue.js第四天学习笔记(组件)
Dec 02 #Javascript
Javascript之面向对象--接口
Dec 02 #Javascript
Javascript之面向对象--封装
Dec 02 #Javascript
JavaScript制作弹出层效果
Dec 02 #Javascript
Javascript之面向对象--方法
Dec 02 #Javascript
详解基于javascript实现的苹果系统底部菜单
Dec 02 #Javascript
Vue.js组件tree实现省市多级联动
Dec 02 #Javascript
You might like
PHP数据库操作之基于Mysqli的数据库操作类库
2014/04/19 PHP
windows下配置apache+php+mysql时出现问题的处理方法
2014/06/20 PHP
yiic命令时提示“php.exe”不是内部或外部命令的解决方法
2014/12/18 PHP
PHP利用APC模块实现文件上传进度条的方法
2015/01/26 PHP
php识别翻转iphone拍摄的颠倒图片
2018/05/17 PHP
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
js的匿名函数使用介绍
2013/12/11 Javascript
JavaScript中诡异的delete操作符
2015/03/12 Javascript
Jquery 全选反选实例代码
2015/11/19 Javascript
JavaScript的兼容性与调试技巧
2016/11/22 Javascript
Bootstrap文件上传组件之bootstrap fileinput
2016/11/25 Javascript
实例浅析js的this
2016/12/11 Javascript
详解Vue2.0之去掉组件click事件的native修饰
2017/04/20 Javascript
vue.js学习之vue-cli定制脚手架详解
2017/07/02 Javascript
Vue.js弹出模态框组件开发的示例代码
2017/07/26 Javascript
bootstrap datepicker插件默认英文修改为中文
2017/07/28 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
2018/05/09 Javascript
vue实现在进行增删改操作后刷新页面
2020/08/05 Javascript
浅谈vue中resetFields()使用注意事项
2020/08/12 Javascript
跟老齐学Python之永远强大的函数
2014/09/14 Python
Python实现Const详解
2015/01/27 Python
Python 实现网页自动截图的示例讲解
2018/05/17 Python
Python的UTC时间转换讲解
2019/02/26 Python
python使用selenium实现批量文件下载
2019/03/11 Python
基于python全局设置id 自动化测试元素定位过程解析
2019/09/04 Python
关于numpy.where()函数 返回值的解释
2019/12/06 Python
Pytoch之torchvision.transforms图像变换实例
2019/12/30 Python
python实现学生管理系统开发
2020/07/24 Python
Python如何读写二进制数组数据
2020/08/01 Python
TripAdvisor台湾:全球最大旅游网站
2018/08/26 全球购物
韩国最大的购物网站:Gmarket
2019/06/20 全球购物
印度电子产品购物网站:Vijay Sales
2021/02/16 全球购物
Java多态性的定义以及类型
2014/09/16 面试题
教师党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
python之PySide2安装使用及QT Designer UI设计案例教程
2021/07/26 Python