首页 > 代码库 > 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的属性