码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript鼠标事件,点击鼠标右键,弹出div

时间:2016-08-02 18:55:25      阅读:317      评论:0      收藏:0      [点我收藏+]

标签:

document.oncontextmenu = function(){return false};     //禁止鼠标右键菜单显示
     var res = document.getElementById(‘box‘);      //找到id为box的div
     document.body.onmouseup = function(e){     //在body里点击触发事件
        if(e.button===2){       //如果button=1(鼠标左键),button=2(鼠标右键),button=0(鼠标中间键)
            console.log(e);     //将传进去的参数打印出来
            console.log(e.offsetY);     //打印出鼠标点击的Y轴坐标
            console.log(e.offsetX);     //打印出鼠标点击的X轴坐标
            res.style.top = e.offsetY+‘px‘;     //鼠标点击时给div定位Y轴
            res.style.left = e.offsetX+‘px‘;    //鼠标点击时给div定位X轴
            res.style.display = ‘block‘;        //显示div盒子
        }else{
            res.style.display = ‘none‘;         //否则不显示div盒子
        }
        
     } 

JavaScript鼠标事件,点击鼠标右键,弹出div

标签:

原文地址:http://www.cnblogs.com/hezihao/p/5730241.html

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