首页 > 代码库 > event的属性
event的属性
t获取鼠标相对于浏览器左上角的坐标
<div id="dv" style=" width:300px; height:200px; background-color: Blue;">
<script type="text/javascript"> window.onload = function () { document.getElementById(‘dv‘).onmousedown = function () { //相对于页面的左上角0的位置的坐标,不是层的0,0开始 if (arguments.length > 0) { //火狐浏览器 document.title = arguments[0].clientX + ‘====‘ + arguments[0].clientY; } else { //IE浏览器 document.title = window.event.clientX + ‘====‘ + window.event.clientY; } }; }; </script>
获取用户按下的键
<div id="dv" style=" width:300px; height:200px; background-color: Orange;">
<script type="text/javascript"> window.onload = function () { document.getElementById(‘dv‘).onclick = function () { //用户是否按下了ctrl键 if (window.event.ctrlKey) { alert(‘按下了ctrl键‘); } else if (window.event.shiftKey) { alert(‘按下了shift键‘); } else if (window.event.altKey) { alert(‘按下了alt键‘); } else { alert(‘什么都没按下‘); } //用户是否按下了shift键 //用户是否按下了alt键 }; }; </script>
获取鼠标每个键的值
window.event.button; //左键是1,右键是2,左右同时是3,中滑轮是4
//获取的横坐标是相对屏幕左上角的 // document.title = window.event.screenX+‘===‘+window.event.screenY;
//当前这个元素的左上角--事件源 document.title = window.event.offsetX;
event的属性
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。