JS实践

最新推荐文章于 2024-09-12 07:51:03 发布

tyust512

最新推荐文章于 2024-09-12 07:51:03 发布

阅读量229

点赞数

分类专栏： JS Css

本文链接：https://blog.csdn.net/tyust512/article/details/51854583

版权

JS 同时被 2 个专栏收录

45 篇文章 0 订阅

订阅专栏

Css

16 篇文章 0 订阅

订阅专栏

判断鼠标在div对角线的上边还是下面

<div style="background-color: red; height: 30vw" onclick="show(event)"></div>
<script type="application/javascript">
  var show = function(event)
  {
    //alert(event.offsetX + ',' +event.offsetY);
    //alert(event.target.offsetHeight/event.target.offsetWidth);
    if (event.offsetY/event.offsetX > event.target.offsetHeight/event.target.offsetWidth)
    {
      alert('下面');

    } else if (event.offsetY/event.offsetX = event.target.offsetHeight/event.target.offsetWidth){
      alert('中间');
    } else
    {
        alert('上面');
    }
  }
</script>