//1.兼容点击事件
function addEvent(dom,type,fn){//对于支持DOM2级事件处理程序addEventListener方法的浏览器if(dom.addEventListener){dom.addEventListener(dom,type,fn);}else if{//对于不支持addEventListener方法但支持attachEvent方法的浏览器dom.attachEvent('on'+type,fn);}else{//对于不支持addEventListener方法也不支持attachEvent方法,但支持on+'事件名'的浏览器dom['on'+type]=fn;}
}
//调用
var myInput=document.getElementById('myinput');
addEvent(myInput,'click',function(){})//2.针对IE低版本浏览器不兼容e.preventDefault()和e.target的问题;
//获取事件
var getEvent=function(event){
//标准浏览器返回event,IE下window.eventreturn event||window.event;
}
//获取元素
var getTarget=function(event){
var event=getEvent(event);
//标准浏览器下event.target,IE下event.srcElementreturn event.target||event.srcElement;
}//阻止默认行为
var preventDefault=function(event){var event=getEvent(event);if(event.preventDefault){//标准浏览器
event.preventDefault();}else{//IE浏览器event.returnValue=false;}
}

// js浏览器兼容问题相关推荐

  1. js浏览器兼容问题总结及解决办法

    javascript部分 document.form.item 问题 问题: 代码中存在 document.formName.item("itemName") 这样的语句,不能在F ...

  2. HTML css和js浏览器兼容问题

    什么是浏览器兼容? 浏览器兼容性问题又被称为网页兼容性或网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题. 为什么浏览器会存在兼容问题? 同一浏览器,版本越老,存 ...

  3. 【兼容性】js 浏览器兼容问题处理方式

    ⭐️ 本文首发自 前端修罗场(点击即可加入),一个专注 Web 技术.答疑解惑.面试辅导.职业发展的社区.现在加入,即可参与打卡挑战,和一群人一起努力.挑战成功即可获取一次免费的模拟面试机会,进而评估 ...

  4. webpack5 中 babel 的配置及 JS 浏览器向下兼容处理

    JS 浏览器兼容 yarn add babel-loader @babel/core @babel/preset-env module: {rules: [//规则定义{test: /\.js$/, ...

  5. JS中常遇到的浏览器兼容问题和解决方法

    JS中常遇到的浏览器兼容问题和解决方法 参考文章: (1)JS中常遇到的浏览器兼容问题和解决方法 (2)https://www.cnblogs.com/wws-bk/p/9770834.html 备忘 ...

  6. JS、Flash 实现复制功能 (浏览器兼容)

    JS.Flash 实现复制功能 (浏览器兼容) /**   此方法不兼容非IE外的浏览器...参考其它网站的实现方式,是用Flash来解决的此问题 */ function copyOperate(co ...

  7. js快速判断IE浏览器(兼容IE10与IE11)

    原文:js快速判断IE浏览器(兼容IE10与IE11) 在很多时候,我们一般采用navigator.userAgent和正则表达来判断IE浏览器版本,下面介绍用IE浏览器中不同特性来判断IE浏览器 1 ...

  8. [Ext JS 4] 实战之浏览器兼容

    前言 按理说, Ext js 的开发应该没有浏览器兼容的问题,因为Ext js 本身就有考虑各浏览器兼容的状况. 本篇讨论的与其说是Ext js 开发的兼容性问题, 还不如说成是web 开发的兼容性问 ...

  9. js兼容安卓和IOS的复制文本到剪切板,已做浏览器兼容处理,勿需插件

    开发需求:手机端,点击按钮实现需复制的文本内容: 案例已做手机端浏览器兼容处理经测试,[QQ,微信,苹果,360,UC等],可正常使用: 案例代码如下:****(使用时:请调试到手机模式) 案列1:单 ...

最新文章

  1. ylinux系统找到软件_电脑用了段时间发现多处一些软件该怎么办?
  2. Vue.js示例:GitHub提交(watch数据,created钩子,filters过滤); 网格组件(功能:1.检索,2排序);...
  3. 2016年这些网络新贵或被并购
  4. mysql绿色版安装
  5. 关于码云开源项目SpringBootAdmin多数据源配置
  6. 浅析vue2.0的diff算法
  7. 11g R2 RAC客户端负载均衡配置
  8. 2018-2019-2 20175223 实验五 《网络编程与安全》实验报告
  9. java箱子容积_Java开发笔记(一百三十八)JavaFX的箱子
  10. 如何将根证书预置到chromium浏览器中
  11. lua 计算日期差值 计算时间戳日期差
  12. Unity 3D模型展示之控制标注
  13. AnyProxy抓包实践
  14. 10个学习Java的网站,肯定有你不知道的哦!
  15. snmp 统计网络流量
  16. c++链表获取长度,链表翻转,查找链表倒数第K个节点以及中间点
  17. 5G发展面临窘境,5G手机销量环比下滑,手机企业对5G热情降温
  18. 赛灵思 Xilinx UG908 - Vivado Design Suite 用户指南:编程和调试(中文版) (v2020.2)
  19. 武汉有哪些优秀的互联网公司?
  20. 失联两天,只为Root掉我的索尼手机?记录刻苦铭心的索尼XZ1折腾之旅

热门文章

  1. 为什么说苹果操作系统在图形和视频编辑方面有优势?_百度知道
  2. Windows10桌面只有 回收站 没有我的电脑
  3. DNA中的指令转化为氨基酸链
  4. vue vuex使用_使用Vue和Vuex的记分板
  5. C4D模型工具—内部挤压
  6. 企业电脑监控软件是怎么监控员工电脑上网行为的?
  7. maya脚本用python还是mel_Maya的mel脚本需要注意的几个地方和技巧
  8. C++11 std::ratio
  9. 【哈希冲突解决】线性探测再散列和二次探测再散列
  10. 对啊网初级会计3资产-1应收及预付款项