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;