// js浏览器兼容问题

news/2024/2/27 8:59:30
//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空间应用程序入口,您可以轻松体验许多精彩的应用程序,例如农场,牧场,微博,空间等. 主界…

浏览器打开就是全屏的代码说明

现在还没有发现通用的JS代码。 对于IE&#xff0c;可以通过下面的代码处理&#xff1a; 第一步&#xff1a; <script> window.οnlοadfunction(){ var wscript new ActiveXObject("WScript.Shell"); if (wscript!null) { …

PHP手机浏览器全屏,手机浏览器设置全屏

< !-- 仅针对IOS的Safari顶端状态条的样式(可选default/black/black-translucent ) > < meta name"apple-mobile-web-app-status-bar-style" content"black" / > < !-- IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 -…

qq浏览器点击全屏

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title></title></head><body><button onclick"fullScreen()">现代浏览器全屏</button><button onclick"exitScreen()">…

计算机系统层次结构与操作系统和驱动的定义

一、程序分类 程序按其运行环境分为&#xff1a; 裸机程序&#xff1a;直接运行在对应硬件上的程序 应用程序&#xff1a;只能运行在对应操作系统上的程序 二、计算机系统的层次结构 计算机系统两种层次结构&#xff1a; 2.1 无操作系统的简单的两层结构 2.2 有操作系统的…

如何运行一个 SSM 项目以及解决 JDBC 连接数据库遇到的问题(已解决)

文章目录 &#x1f4cb;前言&#x1f3af;运行与配置&#x1f3af;报错与解决&#x1f9e9;问题分析&#x1f9e9;解决过程 &#x1f3af;知识点补充&#x1f9e9;关于 com.mysql.jdbc.Driver 和 com.mysql.cj.jdbc.Driver 的区别 &#x1f4dd;最后 &#x1f4cb;前言 这篇文…

seaborn笔记:heatmap

绘制热力图 1 基本使用方法 seaborn.heatmap(data, *, vminNone, vmaxNone, cmapNone, centerNone, robustFalse, annotNone, fmt.2g, annot_kwsNone, linewidths0, linecolorwhite, cbarTrue, cbar_kwsNone, cbar_axNone, squareFalse, xticklabelsauto, yticklabelsauto, m…

分析总结:关于上海开饭店的成本和利润核算

2007年9月8日 星期六 11时34分 【人生事业】 分析总结&#xff1a;关于上海开饭店的成本和利润核算 做生意这么久&#xff0c;还不懂得小生意怎么做&#xff0c;试着帮你核算一下&#xff0c;想不到在国内做生意&#xff0c;并不比做老外生意差呢&#xff01;&#xff01;&a…

(餐饮)写一些开店的经验--转

最近忙于工作~又忙于家庭~家庭我可能会少分担一些~事业我会加倍一些~因为之前有说过开一件麻辣风味的小店~ 我就把一些有关餐饮方面的知识和经验给一些想开餐饮方面的朋友说一说:(毕竟都在学习当中~但也要说一说我对 这方面的想法和以前从小做大但又失败从做的一些经验)内容仅供…

【经典】FPGA三国志

编者按&#xff1a;本文的原作者是Altera一位员工&#xff0c;文中观点虽不免偏颇&#xff0c;但非常有助于对整个FPGA技术有个全面的了解。&#xff08;本人是一个普通的出版工作者&#xff0c;如果希望交流加微信&#xff1a;185232201&#xff09; FPGA三国志-第一篇/不可不…

【非常经典】FPGA三国志 [转载]

编者按&#xff1a;本文的原作者是Altera一位员工&#xff0c;文中观点虽不免偏颇&#xff0c;但非常有助于对整个FPGA技术有个全面的了解。 FPGA三国志-第一篇/不可不看的故事 CPLD的时代 我在12年前&#xff0c;偶然接触PLD,没有想到自己居然就在这个行当里安身下来。可…

在日本租房有什么经验建议分享?

苏菲 &#xff0c;公众号&#xff1a;SophieinTokyo 欢迎关注这只猫嘴… 收录于 编辑推荐 • 281 人赞同 谢喵。在Fisher的答案上扩展一下。 1.大家首先应该考虑的就是学校提供的寮。绝大部分情况下这都是最便宜而且最省事的选择。因为大家恐怕对于房子的主要要求都是便宜而且…

LNMP (Nginx网站服务)

目录 1.1 Nginx的简介 1.2 Apache与Nginx的区别 Nginx对比Apache的优势&#xff1a; 1.3 Nginx的进程 Nginx的两个进程&#xff1a; 同步&#xff0c;异步&#xff0c;阻塞&#xff0c;非阻塞的概念补充 阻塞与非阻塞 同步和异步 2.1 编译安装Nginx 2.1 .1 关闭防火墙…
最新文章