如何实现触摸图片具体位置触发事件

如何实现触摸图片具体位置触发事件

老师,如何实现触摸图片某个具体位置触发指定事件呢

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,提供一个简单的思路方向:

1、图片绑定相应的事件,事件函数内部获取当前鼠标点击的坐标,通过计算满足某个位置的范围时,再执行相应的代码。

2、添加一个透明的元素,结合css定位到图片上的某个位置,给这个元素绑定对应的事件,视觉上就是点击图片的某个位置触发事件。

祝学习愉快~

  • localhost999 提问者 #1

    老师,第一种该怎么实现呢?

    2022-09-19 15:10:04
  • 好帮手慕慕子 回复 提问者 localhost999 #2

    老师这边只提供一个简单的思路,同学可以输出查看下事件对象,能够获取到当前点击所在位置的,自己尝试去写代码,示例:

    https://img1.sycdn.imooc.com//climg/63282eb909778ebb27441572.jpg

    祝学愉快~


    2022-09-19 16:57:30
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师