资讯专栏INFORMATION COLUMN

判断鼠标点击的位置是否在某个div区域内

xi4oh4o / 1595人阅读

摘要:判断鼠标点击的位置是否在某个区域内,可用在右键菜单的显示与隐藏等

//判断鼠标点击的位置是否在某个div区域内,可用在右键菜单的显示与隐藏等
function isInDiv(event,divId){
    var div = document.getElementById(divId)
    var x=event.clientX
    var y=event.clientY
    var divx1 = div.offsetLeft
    var divy1 = div.offsetTop
    var divx2 = div.offsetLeft + div.offsetWidth
    var divy2 = div.offsetTop + div.offsetHeight
    return ( x < divx1 || x > divx2 || y < divy1 || y > divy2)
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109783.html

相关文章

  • 原生js练习题---第五课

    摘要:那该如何是好原题给出思路是让事件负责标记按键就好了,而方向键的事件处理使用设个周期比较小的定时器持续监听,由于周期小,长按时就会立刻执行相应的事件处理,效果更加流畅。闪烁实现效果闪烁简单的一个定时器应用,用或都可以实现。 0x1模拟select控件 实现效果:5-01模拟select控件 比较简单的点击事件处理,也就处理点击选择框展示菜单、点击菜单选择、点击页面任意角落隐藏菜单这三件事...

    winterdawn 评论0 收藏0
  • jQuery设计思想之理解篇

    摘要:创建新元素的方法非常简单,只要把新元素直接传入的构造函数就行了七工具方法设计思想之六除了对选中的元素进行操作以外,还提供一些与元素无关的工具方法。八事件操作设计思想之七,就是把事件直接绑定在网页元素之上。 转自:阮一峰 2011年7月26日 http://www.ruanyifeng.com/blo... jQuery是目前使用最广泛的JavaScript函数库。 据统计,全世界排名...

    newsning 评论0 收藏0
  • 温故js系列(10)-事件event

    摘要:当用户选择文本框或中的一个或多个字符触发。当文本框或内容改变且失去焦点后触发。事件对象事件对象就是对象,通过处理函数传递。比如右击文本框输入区域,会弹出系统菜单点击超链接会跳转到指定页面点击提交按钮会提交数据。 前端学习:教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-前端资源汇总 欢迎提issues斧正:Event JavaScript-事件even...

    Freelander 评论0 收藏0
  • 你可能不知道JS关于选中文本区域操作

    摘要:先普及一些关于文本选择范围的基础知识。可以调用的方法,结果就会打印出我们选择的文本内容。用脚本可以实现中包含多个的情况。表示当前范围是否是闭合的。则表示当前范围的起始和结束是同一个位置。表示共同的祖先节点。 声明:今天所分享的内容,都可以直接在控制台演示。先来思考几个问题。1.我在一个页面中随意点了一下,没有留下任何痕迹。你能捕捉到我刚才点的是哪个节点,以及鼠标的落脚点在哪两个字之间吗...

    lauren_liuling 评论0 收藏0
  • 你可能不知道JS关于选中文本区域操作

    摘要:先普及一些关于文本选择范围的基础知识。可以调用的方法,结果就会打印出我们选择的文本内容。用脚本可以实现中包含多个的情况。表示当前范围是否是闭合的。则表示当前范围的起始和结束是同一个位置。表示共同的祖先节点。 声明:今天所分享的内容,都可以直接在控制台演示。先来思考几个问题。1.我在一个页面中随意点了一下,没有留下任何痕迹。你能捕捉到我刚才点的是哪个节点,以及鼠标的落脚点在哪两个字之间吗...

    0xE7A38A 评论0 收藏0

发表评论

0条评论

xi4oh4o

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<