先上代码和效果图
<a href
="#">
<img src
="~assets/img/index/map2.png" usemap
="#map" ismap
="ismap" @touchstart
="move" class
="photo1" @touchmove
="move2" >
</a
>
点击图片后,地址栏出现坐标
img标签内使用ismap属性(usemap属性是用作图片域的)用<a 标签> 套住标签
想要通过js获取数值
获取鼠标位置到标签边距离 pc端:e.clientX 移动端:e.changedTouches[0].clientX
odiv.offsetLeft ——odiv元素到窗扣边的距离
关于e怎么用,e是event缩写,你给img设置点击事件,形参不要,只写实参,在函数内打印一下e你就明白了,简单说就是浏览器纪录了你的行为,里面有各种数据,你可以使用。
<img @click=aa …> aa(e) { 打印e }