JavaScript经典实例(浏览器事件)
2024-09-06 00:30:25
跨浏览器事件
1.跨浏览器添加事件
function addEvent(obj,type,fn){
if(obj.addEventListener){
obj.addEventListener(type,fn,false);
}else if(obj.attachEvent){//IE
obj.attchEvent('on'+type,fn);
}
}
2.跨浏览器移除事件
function removeEvent(obj,type,fn){
if(obj.removeEventListener){
obj.removeEventListener(type,fn,false);
}else if(obj.detachEvent){//兼容IE
obj.detachEvent('on'+type,fn);
}
}
3.跨浏览器阻止默认行为
function preDef(ev){
var e = ev || window.event;
if(e.preventDefault){
e.preventDefault();
}else{
e.returnValue =false;
}
}
4.跨浏览器获取目标对象
function getTarget(ev){
if(ev.target){//w3c
return ev.target;
}else if(window.event.srcElement){//IE
return window.event.srcElement;
}
}
5.跨浏览器获取滚动条位置
function getSP(){
return{
top: document.documentElement.scrollTop || document.body.scrollTop,
left : document.documentElement.scrollLeft || document.body.scrollLeft;
}
}
6.跨浏览器获取可视窗口大小
function getWindow () {
if(typeof window.innerWidth !='undefined') {
return{
width : window.innerWidth,
height : window.innerHeight
}
} else{
return {
width : document.documentElement.clientWidth,
height : document.documentElement.clientHeight
}
}
},
最新文章
- HP 820 G2变色龙安装10.11.6基本完美
- 开源代码分析之Android/iOS Hybrid JSBridge框架
- css中单位em和rem
- Becoming a Data Scientist – Curriculum via Metromap
- Class org.apache.struts2.json.JSONWriter can not access a member of class org.springframework.aop.TruePointcut with modifiers "public"
- oracle 删除表、数据
- Lua包管理工具Luarocks详解 - 15134559390的个人空间 - 开源中国社区
- try-catch-finally块的运行机制
- Linux 解决文件删除，但并没有改变磁盘可用性
- HDOJ 4607 - Park Visit
- Oracle绑定变量优缺点
- 优秀代码摘录片段一：LinkedList中定位index时使用折半思想
- 红米Note 5A完美卡刷开发版获得ROOT超级权限的方法
- iOS 判断一个类是否存在，NSStringFromClass 不用 import 就可以获取类
- 大数据基础Hadoop 2.x入门
- STM32——C语言课堂原代码
- 页面引入js问题
- MySQL 5.7.9版本sql_mode=only_full_group_by
- 【BZOJ3309】DZY Loves Math（莫比乌斯反演）
- 关于iOS设备的那些事