美女报时:JS window的若干属性和方法 2024-04-30 15:16:23 0 0 window.event 1.窗口坐标 window.event.clientx,//浏览器 window.event.clienty, window.event.offsetx,//元素 window.event.offsety, window.event.screenx,//屏幕 window.event.screeny, window.event在火狐下不支持 _window.onload = function () { this.document.getElementById(‘test’).onmousemove = function (evt) { var e = window.event || evt; //浏览器能力检测,判断浏览器是否支持window.event var x = e.clientX; var y = e.clientY; document.title = ‘X’+x + ’ Y’ + y; }; }; 简写 var e =window.event || evt;//逻辑运算符,如果第一个条件为true就不会判断第二个条件 2.event的触发事件对象 event.srcElement:永恒的原触发事件对象 兼容性代码 var sourceElement = e.srcElement || e.target; this与event.srcElement的区别 3.event事件冒泡 3.事件冒泡 取消事件冒泡 window.event.cancelBubble 4.window.event.button 获取鼠标按下的是哪个键 5.操作剪切板 语法 window.clipboardData.getData(‘text’) window.clipboardData.setData(‘text’,值) //第一个参数值的类型,目前只支持text,第二个参数,值的源(可以是个函数) 练习 1.获取拷贝数据 提示 clipboardData.getData 2.后面加一段文字 3.重新赋值给剪切板 clipboardData.setData //提示 事件 document.body.oncopy //oncopy之后,内存读取需要10ms以上。 获取dom元素 document.getElementByid(id).οnclick=fuction(参数) document.getElementsByName() //获取元素byName返回一个集合 document.getElementsByTagName(input) //获取页面上所有input标签元素 动态创建元素 [xss_clean]()//只适合在页面加载时使用。如果页面加载完再使用,会把整个页面重写。 [xss_clean]ln()//只是在源代码中多个换行,浏览器显示出来只是多一个空格。 history操作历史记录 window.history.back()后退,window.history.forward()前进 window.history.go(-1)去到-1 onCopy onPase 练习//获取div1下面的所有input 获取事件源对象(IE srcElement FF target) 获取屏幕分辨率 获取触发事件的元素 触发事件 遍历集合中的每个元素 用for循环 //不要用for in 循环。for in循环遍历的是数据的每个属性 DOM练习1 1.点击一个按钮,被点击的按钮显示“呜呜”,其他按钮显示“哈哈” 2.十秒钟以后文本协议“同意”按钮可用//注意,js写disabled=false 3.加法计算器 4.美女报时 =--------------------------------------------------------------------------------分割线 event<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <style type="text/css" > div { width:200px; height:200px; background-color:red; } </style> <script type="text/javascript"> window. 收藏(0)