原声js 的兼容（屏幕尺寸、事件处理程序、阻止事件冒泡、事件目标等等）

1、事件处理程序
function addEvent(obj, type, fn) { //添加事件兼容
if (obj.addEventListener) {
obj.addEventListener(type, fn，false);
} else if (obj.attachEvent) {
obj.attachEvent(‘on’ + type, fn);
}else{
obj[‘on’+type]=fn;
}
}

5、客户端屏幕尺寸：
function client() {
if(window.innerHeight !=null){
return {
height:window.innerHeight,
width:window.innerWidth
}
}else if(document.compatMode ===”CSS1Compat”){
return {
height:document.documentElement.clientHeight,
width:document.documentElement.clientWidth
}
}else{
return {
height:document.body.clientHeight,
width:document.body.clientWidth
}
}
}
笔记：window.screen.width __得到电脑分辨率
6、选择文本
if(window.getSelection){
txt = window.getSelection().toString(); //w3c
}else{
txt = document.selection.createRange().text; //ie
}
7、得到计算后的样式
function curStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return window.getComputedStyle(obj,null)[attr];
}
}

原声js 的兼容（屏幕尺寸、事件处理程序、阻止事件冒泡、事件目标等等）相关推荐

这是用原声js编写的地址选择器,使用select编写的三联选择器
这是用原声js编写的地址选择器,使用select编写的三联选择器 <!DOCTYPE html> <html lang="en"> <head> ...
（常用代码）原声JS 实现倒计时的效果。分/秒/毫秒/
(常用代码)原声JS 实现倒计时的效果.分/秒/毫秒/ 第一步:构建HTML 结构和样式  <div class="timing" ...
## 原声js制作简单灯光开关
标签代码:html部分: 开灯关灯 Css样式: #left,#right{ border-radius: 50%; color: red; line-height: 30px; width: 40 ...
原声js，取消事件冒泡，点击按钮，显示box,点击屏幕其他地方，box隐藏
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
原声JS面向对象实现的简单轮播
为什么80%的码农都做不了架构师?>>> 给自己定下了一周上传一篇总结博客的计划,实行起来却是坎坷的.这一周还有不到两个小时就过去了,只得拿之前的一则轮播凑个数.代码中的参数尚 ...
原声JS瀑布流加延迟加载
<!doctype html> <html lang="en"> <head><meta charset="UTF-8" ...
原声js控制浏览器全屏或者退出全屏
开启全屏 if (document.documentElement.requestFullscreen) {document.documentElement.requestFullscreen(); ...
原声JS瀑布流加延迟载入
<!doctype html> <html lang="en"> <head><meta charset="UTF-8" ...
原声JS判断程序运行平台Pc OR Mobile
var userAgent = navigator.userAgent.toLowerCase(); if(!userAgent.match(".*(ip(hone|od)).*" ...

原声js 的兼容（屏幕尺寸、事件处理程序、阻止事件冒泡、事件目标等等）

原声js 的兼容（屏幕尺寸、事件处理程序、阻止事件冒泡、事件目标等等）相关推荐

最新文章

热门文章