Javascript 在<；上注册鼠标悬停事件；数据列表>；_Javascript_Jquery_Html

Javascript 在<；上注册鼠标悬停事件；数据列表>；

javascript jquery html

Javascript 在<；上注册鼠标悬停事件；数据列表>；,javascript,jquery,html,Javascript,Jquery,Html,所以我开始使用javascript/jquery进行实验，我有一个带有数据列表的输入字段。我唯一的问题是，当我“悬停”在数据列表上时（一旦它出现），我想触发一个事件我已经成功地触发了点击和更改事件，但是鼠标悬停不起作用，我似乎找不到一个有效的例子。这是密码 <!DOCTYPE html> $（函数（）{ //这很有效 $（“#浏览器列表”）。关于（“更改”，函数（）{ log（“changed val=“+$（this.val（））； }); //这是不可能的 $（“数

所以我开始使用javascript/jquery进行实验，我有一个带有数据列表的输入字段。我唯一的问题是，当我“悬停”在数据列表上时（一旦它出现），我想触发一个事件

我已经成功地触发了点击和更改事件，但是鼠标悬停不起作用，我似乎找不到一个有效的例子。这是密码

<!DOCTYPE html>


$（函数（）{
//这很有效
$（“#浏览器列表”）。关于（“更改”，函数（）{
log（“changed val=“+$（this.val（））；
});
//这是不可能的
$（“数据列表浏览器”）.mouseover（函数（）{
控制台日志（“悬停”）；
});
});


探索者
火狐

请告诉我我错过了什么，

谢谢大家!

对于鼠标悬停，请使用以下语法

$("#browserList").mouseover(function(){
  //do something
})

如果要在datalist的选项上触发事件，则不可能，因为它们是阴影元素。请从另一个SO问题看。这更好地解释了这一点。

谢谢你，鼠标悬停当然是我想要的活动。我已经编辑了这个问题。不幸的是，这并不能解决我的问题。是的，当我将鼠标悬停在实际输入字段上时，它会触发一个事件。但我希望它在我悬停在其中一个选项上时触发。@johanwell！！哦，我更新了我的答案！！这是不可能的！！好的，谢谢！我会尝试找到另一个解决方案。只是出于好奇，这是不可能的选择也？看来不是。约翰，你找到解决办法了吗？

<input list="browsers" id="browserList" placeholder="Find a browser">
<datalist id="browsers">
    <option>Explorer</option>
    <option>Firefox</option>
</datalist>

$("#browserList").mouseover(function(){
  //do something
})