javascript - 检测是否单击了 div 的背景图像的一部分

标签 javascript jquery html css

我有一个页面覆盖 div,它有一个 background-image。背景图像在屏幕上居中,并且它有一个模拟按钮“关闭”(在图像本身中),单击它可以删除覆盖。我想检测用户是否仅单击该图像中的模拟按钮区域。为了更好地理解,假设按钮区域距图像边缘顶部 45%,距图像边缘左侧 45%。

目前,我确实会在点击图像上的任意位置时删除叠加层。我只想将点击仅限于按钮区域。非常感谢任何想法。

最佳答案

使用 html 5,您可以在图像上创建 map ,用户可以在其中单击并对其执行操作,请查看 http://www.w3schools.com/tags/tag_map.asp

关于javascript - 检测是否单击了 div 的背景图像的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25444903/

相关文章:

jquery - 如何在 Repeater 中隐藏一个 div

javascript - CSS 列 : both fluid and flexible in width

javascript - 浏览器中不可见元素的键盘快捷键

javascript - 删除字段按钮在具有自动完成功能的动态添加/删除字段中不起作用

javascript - 我是否在生产构建期间或准备生产时删除 webpack-dev-server 和热模块中间件代码?

javascript - 想用不同的计时器显示 div

html - 为什么 html-tidy 将我的样式强制放在一行中?

html - 背景附件:将图像流体固定到某个点

javascript - 更改子节点的文本

javascript - Node js 创建服务器并连接