码迷,mamicode.com
首页 > 其他好文 > 详细

event的属性

时间:2014-11-03 14:16:01      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   java   sp   div   on   

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的属性

标签:style   blog   io   color   ar   java   sp   div   on   

原文地址:http://www.cnblogs.com/valiant1882331/p/4071015.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!