Javascript 更改iconUrl时不触发鼠标输出事件的传单
我遇到传单问题,这是Javascript 更改iconUrl时不触发鼠标输出事件的传单,javascript,jquery,leaflet,mouseout,Javascript,Jquery,Leaflet,Mouseout,我遇到传单问题,这是mouseout事件 在下面的代码中,有时(特别是如果您快速移动鼠标),mouseout事件不会被触发。鼠标退出不会出现在控制台中 我发现这种行为与图标更换有关。一个简单的层。setStyle每次都有效。(这里我使用插件,但它的工作方式与) 我知道mouseout事件有时会导致类似这样的问题,但在这种情况下,我被迫使用传单事件,我有点不知所措。您是否试图让标记在悬停时显示不同的图标 没有一个例子很难说,但我认为正在发生的是: 您的mouseout事件无法可靠触发,因为每次图标
mouseout
事件
在下面的代码中,有时(特别是如果您快速移动鼠标),mouseout事件不会被触发。鼠标退出代码>不会出现在控制台中
我发现这种行为与图标更换有关。一个简单的层。setStyle
每次都有效。(这里我使用插件,但它的工作方式与)
我知道mouseout事件有时会导致类似这样的问题,但在这种情况下,我被迫使用传单事件,我有点不知所措。您是否试图让标记在悬停时显示不同的图标
没有一个例子很难说,但我认为正在发生的是:
您的mouseout
事件无法可靠触发,因为每次图标重建时,mouseover
事件都会持续运行,只要您的鼠标位于其上
如果在该函数中添加控制台.log
,您可能会注意到这一点。在重建过程中,可能会发生移动,因此不会可靠地触发mouseout
事件
如果是,请尝试以下方法:
line.once('mouseover', function () {
//switch to icons
});
line.on('mouseout', function () {
//clear icons
//Prevent mouseover event from firing continuously if/when the icon changes
line.once('mouseover', function () {
//switch to icons
});
});
适用于我的图标切换!非常干净,谢谢。
line.once('mouseover', function () {
//switch to icons
});
line.on('mouseout', function () {
//clear icons
//Prevent mouseover event from firing continuously if/when the icon changes
line.once('mouseover', function () {
//switch to icons
});
});