Safari 中未触发 JQuery Click 事件？
[英]JQuery Click event not being triggered in Safari?
问题描述
当用户从选择框中选择一个选项时，我正在尝试做一些事情 - 尽可能简单吗？ 我正在使用 JQuery 1.3.1 来注册一个带有选择框 ID 的点击处理程序。 一切都很好，直到我使用 Chrome 和 Safari 进行测试并发现它不起作用。
- Firefox 3.05 - 是
- IE 7.0.5730.13 - 是
- IE6Eolas - 是
- 萨拉菲 3.2.1 - 没有
- 铬 1.0.154.43 - 否
见下面的代码：
<html>
<head>
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$('#myoption').click(function() { alert('Select Dropdown was clicked: '+ $('#myoption').val()); });
});
</script>
</head>
<body>
<select id="myoption">
<option value="A">A</option>
<option value="B">B</option>
</select>
</body>
</html>
任何人都知道我应该怎么做才能使其发挥作用？ 警报最终会被触发，但只有在双击选择框后才会触发？
2 个解决方案
解决方案1
5 已采纳
我发现了我的问题。 对于选择框，您需要为“更改”事件而不是“单击”事件注册处理程序。 Firefox 和 IE 处理 click 事件很奇怪。
总而言之，以下代码适用于所有浏览器：
<html>
<head>
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$('#myoption').change(function() { alert('Select Dropdown was clicked: '+ $('#myoption').val()); });
});
</script>
</head>
<body>
<select id="myoption">
<option value="A">A</option>
<option value="B">B</option>
</select>
</body>
</html>
解决方案2
1 2010-06-21 17:40:11
Safari 和 Chrome 都是基于 webkit 的浏览器。 Webkit 使用您操作系统中的原生下拉元素而不是实现下拉本身，不幸的是，原生下拉不支持点击事件。 出于同样的原因，它们也不支持选项元素的 CSS 或其他巧妙的技巧。
让这些工作的唯一跨浏览器方法是使用 <ul> 和大量 javascript 手动实现。
jQuery click事件未在生产模式angular5中触发
[英]jquery click event not being triggered in production mode angular5
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.