// js浏览器兼容问题

news/2024/12/6 19:44:02/
//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;}
}


http://www.ppmy.cn/news/470771.html

相关文章

设置浏览器全屏展示网站

<!-- 全屏展示兼容代码 --> <!-- safair --> <meta name"viewport" content"widthdevice-width,initial-scale1.0, minimum-scale1.0, maximum-scale1.0, user-scalableno,minimal-ui"> <meta name "apple-mobile-web-app-ca…

html5QQ浏览器页面引导模板,CSS实现QQ浏览器功能

知识点 1.结合fullpage.js实现全屏滚动 2.CSS中linear-gradient() 函数用于创建一个线性渐变的 “图像”。 background-image: linear-gradient(direction, color-stop1, color-stop2, ...); 值 描述 direction 用角度值指定渐变的方向(或角度)。 color-stop1, color-stop2,… …

qq浏览器 for android,QQ浏览器 For Android 1.3版抢先发布!

Android手机市场的火爆也带动了Android手机浏览器的快速更新。2010年11月25日&#xff0c;腾讯发布了手机QQ浏览器(Android)1.2&#xff0c;仅1个月之后又更新发布了手机QQ浏览器(Android)1.3正式版&#xff0c;该版本在手机QQ浏览器(Android)1.2的基础上增加了节日闪屏、阅读模…

浏览器全屏

HTML5提供了启动和退出浏览器全屏模式&#xff0c;但是麻烦的是&#xff0c;必须要事件来触发。 某个元素全屏&#xff1a; <!DOCTYPE html><html> <head> <meta charset"UTF-8"> <title></title> </head> <body>…

视觉SLAM十四讲——ch12实践(建图)

视觉SLAM十四讲——ch12的实践操作及避坑 0.实践前小知识介绍1. 实践操作前的准备工作2. 实践过程2.1 单目稠密重建2.2 RGB-D稠密建图2.3 点云地图2.4 从点云重建网格2.5 八叉树地图 3. 遇到的问题及解决办法3.1 cmake ..时&#xff0c;出现opencv版本问题3.2 make -j8时&#…

移动端-浏览器设置全屏方法

移动端-浏览器设置全屏方法&#xff0c;解决移动端浏览器底部盖住页面 移动端浏览器&#xff0c;在做移动端页面的时候&#xff0c;移动端浏览器底部工具栏会遮盖住页面底部弹出框&#xff0c;很是头疼。最终在移动端设置全屏之后&#xff0c;达到想要的效果。以下是设置全屏的…

android 平板全屏,QQ浏览器安卓平板来啦!实现了真正的全屏,让阅读更加清静!...

QQ浏览器HD(aPad)v2.0版本全新发布&#xff0c;设计更加简约灵动&#xff0c;体验轻盈优雅。2.0版本启用了全新的UI设计&#xff0c;以沉静辽阔的淡蓝色为主题&#xff0c;标签栏和地址栏“轻”量设计&#xff0c;多窗口向右滑动呼出&#xff0c;多窗口“轻松”切换。同时实现了…

java 浏览器 qq_Qq浏览器通用版移动QQ浏览器v2.1Java通用版下载

下载地址: 移动QQ浏览器的Java版本运行平稳. 您可以通过长按页面上的空白来调用菜单,这更加方便. 新增了由腾讯移动客户端软件创建的夜间模式,对多项功能进行了优化和创新. 设置了QQ空间应用程序入口,您可以轻松体验许多精彩的应用程序,例如农场,牧场,微博,空间等. 主界…