判断鼠标是否在指定的元素(div)内

function d(id)
{
    var wx = window.event.clientX;
    var wy = window.event.clientY;
    var d_left = document.getElementById(id).offsetLeft;
    var d_top = document.getElementById(id).offsetTop;
    var d_width = document.getElementById(id).clientWidth;
    var d_height = document.getElementById(id).clientHeight;

    if(wx < d_left || wy<d_top || wx > (d_left + d_width) || wy > (d_top + d_height))

        //不在内

    return false;
    else
    return true;

}

上边这个在IE8中不兼容

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以使用 JavaScript 来监测鼠标移动事件,并且判断鼠标是否进入了指定的显示器区域。以下是一个示例代码: ```html <!DOCTYPE html> <html> <head> <title>鼠标移动事件示例</title> <style> #monitor { width: 400px; height: 400px; background-color: #eee; margin: 50px auto; text-align: center; font-size: 30px; line-height: 400px; } </style> </head> <body> <div id="monitor">Move your mouse here</div> <script> // 获取显示器元素 var monitor = document.getElementById('monitor'); // 监听鼠标移动事件 document.addEventListener('mousemove', function(event) { // 获取鼠标相对于文档的位置 var mouseX = event.pageX; var mouseY = event.pageY; // 获取显示器相对于文档的位置 var monitorX = monitor.offsetLeft; var monitorY = monitor.offsetTop; // 判断鼠标是否进入了显示器区域 if (mouseX >= monitorX && mouseX <= monitorX + monitor.offsetWidth && mouseY >= monitorY && mouseY <= monitorY + monitor.offsetHeight) { // 触发函数 showMessage(); } }); // 在进入显示器区域时显示消息 function showMessage() { monitor.innerHTML = "Welcome!"; } </script> </body> </html> ``` 在上述代码中,我们首先获取了显示器元素 `monitor`,然后监听了整个文档的鼠标移动事件。当鼠标移动时,我们获取了鼠标相对于文档的位置和显示器相对于文档的位置,并且判断鼠标是否进入了显示器区域。如果鼠标进入了显示器区域,则触发 `showMessage()` 函数,显示欢迎消息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值