地址栏js 获取鼠标位置,实现图片域

    技术2023-09-05  107

    先上代码和效果图

    <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 }

    Processed: 0.009, SQL: 9