先上代码和效果图
<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
}