js 手动触发select的mousedown事件(下拉效果)

最新推荐文章于 2021-12-10 16:02:05 发布

原创最新推荐文章于 2021-12-10 16:02:05 发布 · 5.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js

本文探讨了在不同浏览器上实现下拉菜单展开功能时遇到的兼容性问题，特别是在谷歌浏览器中使用特定方法时的局限性，而该方法在百度浏览器中却能正常工作。文章深入分析了这一现象，并提供了代码示例。

城市：<select name="one" id="one">
<option value="">安徽</option>
<option value="">南京</option>
<option value="">上海</option>
</select>
<span id="des" style="margin-left:100px;">＞</span>

$(document).ready(function() {
$('#des').click(function() {
open($("select"));
});
});
function open(elem) {
if (document.createEvent) {
var e = document.createEvent("MouseEvents");
e.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
elem[0].dispatchEvent(e);
} else if (element.fireEvent) {
elem[0].fireEvent("onmousedown");
}
}