js event 事件兼容浏览器 ie不需要 event参数 firefox 需要
2016-01-26 22:37
666 查看
js event 事件兼容浏览器 ie不需要 event参数 firefox 需要
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>兼容所有的浏览器</title> <script type="text/javascript"> function get_xy(e) { //取得id=img01的对象 var obj = document.getElementById("img01"); //构建输出的字符串 var clientX = e ? e.clientX : event.clientX; var clientY = e ? e.clientY : event.clientY; var screenX = e ? e.screenX : event.screenX; var screenY = e ? e.screenY : event.screenY; var pageX = event ? event.offsetX : e.pageX; //?? var pageY = event ? event.offsetY : e.pageY; var str = "窗口坐标:"+clientX+","+clientY; str += "\n网页坐标:"+pageX+","+pageY; str += "\n屏幕坐标:"+screenX+","+screenY; alert(str); } </script> <style type="text/css"> body,img{margin:0px;padding:0px;} </style> </head> <body style="padding-top:800px;"> <img id="img01" src="images/01.jpg" onclick="get_xy(event)" /> </body> </html>
相关文章推荐
- JavaScript中的对象(一)——对象的创建
- javascript语音详解(转载)
- js-高级技术
- Html.DropDownListFor() 二级联动 ($.getJSON)
- JavaScript中函数有无括号()的区别
- Jackson 框架,轻易转换JSON
- js下拉菜单(鼠标+键盘双操作)
- js选项卡切换实战
- js表格操作实践
- js-Ajax与Comet
- [Javascript] Task queue & Event loop.
- ConvNetJS源代码解析第一篇
- json的字符串转实体对象
- IE8提示JS错误(KB927917)终极解决方法
- js 控制展开折叠 div html dom
- Javascript 中的非空判断 undefined,null, NaN的区别
- 关于 IScroll5 和IScroll4 的一些用法
- js构造函数学习笔记
- [Javascript] Call Stack
- JS总结之二:DOM对象控制HTML