fvs点地图提示自定义添加鼠标移入移出事件

我想在地图上的标签设置一个hover,我这边自定义的js代码是这样写的

function () {return '<span style="position: relative; display: inline-block;" ' +'onmouseenter="document.getElementsByClassName(\'tooltip_'+this.name+'\')[0].style.opacity = 1"' +'onmouseleave="document.getElementsByClassName(\'tooltip_'+this.name+'\')[0].style.opacity = 0">'+this.name+'' +'<span class="tooltip_'+this.name+'"'+'style="position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); ' +'padding: 8px 12px; background-color: #333; color: #fff; border-radius: 4px; ' +'font-size: 14px; opacity: 0; transition: opacity 0.3s ease;">Tooltip content' +'';}

但是我的鼠标移入和移出事件并没有生效。经测试,是无法点击到地图标签,只能点击到区域块上面

FineReport pakhoxixi 发布于 2024-6-23 13:44 (编辑于 2024-6-23 19:08)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
pakhoxixiLv4见习互助
发布于2024-6-23 22:18

解决了,设置了z-index后,无法传递鼠标点击事件。在标签的上级有个div设置了pointer-events:none。修改掉这个css则可以正常冒泡,再自己写hover标签就ok了

最佳回答
0
华莉星宸Lv7资深互助
发布于2024-6-23 14:06

移入改成:onmouseover

移出改成:onmouseout

  • pakhoxixi pakhoxixi(提问者) 都尝试过,没作用,绑定不上事件,绑定console都没输出内容
    2024-06-23 14:12 
  • 华莉星宸 华莉星宸 回复 pakhoxixi(提问者) 提示都是默认鼠标移入显示,移走不显示的,你为啥还要单独来写哇
    2024-06-23 14:19 
  • pakhoxixi pakhoxixi(提问者) 回复 华莉星宸 是点地图的标签需要加一个提示,不是点地图的提示
    2024-06-23 14:25 
  • pakhoxixi pakhoxixi(提问者) 回复 华莉星宸 标签需要加一个hover
    2024-06-23 14:25 
  • 华莉星宸 华莉星宸 回复 pakhoxixi(提问者) 没这样操作过,有些js可能不支持,最好明天问问官方技术支持哈
    2024-06-23 14:31 
  • 1关注人数
  • 299浏览人数
  • 最后回答于:2024-6-23 22:18
    请选择关闭问题的原因
    确定 取消
    返回顶部