document.getElementById('div').onmousemove = function(e){
//--------Chrome, Firefox 支持-------------------
document.title=e.clientX+','+e.clientY;
//--------IE支持,chrome 支持----------
//相对于页面的左上角的坐标
document.title=window.event.clientX+ ',' +windows.event.clientY;
//相对于屏幕的左上角的坐标
document.title=window.event.screenX +','+windows.event.screenY;
//相对于当前元素的坐标
document.title=window.event.offsetX+','+windows.event.offsetY;
}
1.利用arguments解决兼容问题
if(arguments.length!=0) document.title = argument[0].clientX +','+argument[0].clientY;else document.title = window.event.clientX + ',' +window.event.clientY;2.能力检测方式 解决兼容问题
if(window.event) document.title = windwo.event.clientX + ',' +window.event.clientY;else document.title = argument[0].clientX +','+argument[0].clientY;下面列出了 2 级 DOM 事件标准定义的属性。
属性 | 描述 |
---|---|
bubbles | 返回布尔值,指示事件是否是起泡事件类型。 |
cancelable | 返回布尔值,指示事件是否可拥可取消的默认动作。 |
currentTarget | 返回其事件监听器触发该事件的元素。 |
eventPhase | 返回事件传播的当前阶段。 |
target | 返回触发此事件的元素(事件的目标节点)。 |
timeStamp | 返回事件生成的日期和时间。 |
Word-break: break-all; padding-bottom: 5px; padding 学习交流
热门图片
猜你喜欢的新闻
新闻热点 2024-04-27 13:35:46
2024-04-27 13:33:47
2024-04-24 22:53:44
2024-04-23 19:32:50
2024-04-23 19:25:50
2024-04-23 19:13:19
疑难解答 |