js 事件对象
来源:互联网 发布:程序员离职证明 编辑:程序博客网 时间:2024/06/05 06:03
<script type="text/javascript">
window.onload = function(){
// 抓取元素
var box = document.getElementById("box");
// 添加点击事件
box.onclick = function(e){
// document.all判断是否是IE浏览器
// if(document.all){
//// ie获取事件对象的方法
// var e = window.event;
// }else{
//// 非ie获取事件对象的方法
// var e = e;
// }
// 短路写法获取事件对象
var e = e||window.event;
// 获得鼠标距离浏览器左侧的距离
// var left = e.clientX;
// 获得鼠标距离浏览器顶部的距离
// var top = e.clientY;
// 短路写法获取事件对象
var e = e||window.event;
// e.layerX非IE或点击位置距离事件源左侧的距离
// 注意:在非ie获取的鼠标位置的时候一定要给事件源添加定位属性
// e.offsetX 在IE下获得点击位置距离事件源左侧的距离
var left = e.offsetX||e.layerX;
var top = e.offsetY||e.layerY;
// 将位置放到title标签里
document.title = left+'|'+top;
}
}
window.onload = function(){
// 抓取元素
var box = document.getElementById("box");
// 添加点击事件
box.onclick = function(e){
// document.all判断是否是IE浏览器
// if(document.all){
//// ie获取事件对象的方法
// var e = window.event;
// }else{
//// 非ie获取事件对象的方法
// var e = e;
// }
// 短路写法获取事件对象
var e = e||window.event;
// 获得鼠标距离浏览器左侧的距离
// var left = e.clientX;
// 获得鼠标距离浏览器顶部的距离
// var top = e.clientY;
// 短路写法获取事件对象
var e = e||window.event;
// e.layerX非IE或点击位置距离事件源左侧的距离
// 注意:在非ie获取的鼠标位置的时候一定要给事件源添加定位属性
// e.offsetX 在IE下获得点击位置距离事件源左侧的距离
var left = e.offsetX||e.layerX;
var top = e.offsetY||e.layerY;
// 将位置放到title标签里
document.title = left+'|'+top;
}
}
</script>
////////html//////////
<div id="box">
</div>
////////////css////////////
<style type="text/css">
#box{
width: 200px;
height: 200px;
background: yellow;
margin-left: 500px;
margin-top: 200px;
position: relative;
}
</style>
阅读全文
0 0
- js--事件--事件对象
- js--事件--事件对象
- 常用JS事件对象
- JS事件对象
- 获取js事件对象
- js获取事件对象
- JS的对象,事件
- DOM事件对象【JS】
- js 事件对象
- js 事件对象
- js事件:面向对象
- JS—事件对象
- JS-框架对象事件
- JS事件对象
- js事件日期对象
- js 事件对象
- js 事件对象
- js 注册事件对象
- Eclipse导入已经存在WorkSpace里的工程
- ural 1133. Fibonacci Sequence math
- 线程调用中的一些理解
- PaperWeekly 第38期 | SQuAD综述
- Android关于OOM的解决方案
- js 事件对象
- REST 架构
- 【地图整饰】ArcMap添加地图标题及ArcEngine实现
- Codeforces Gravity Flip
- java判断字符串是正整数
- PAT练习-石头剪刀布
- (OK) Android-x86-7.1.1
- CAS客户端和服务端部署
- 关于java代码中求两个日期差的方法