用代码展开 select 下拉菜单

最新推荐文章于 2024-01-24 13:53:11 发布

原创最新推荐文章于 2024-01-24 13:53:11 发布 · 6.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#select #浏览器 #火狐 #谷歌 #ie

本文介绍了一种使用事件模拟的方法来实现元素的mousedown事件触发。该方法兼容IE、Firefox及Chrome等主流浏览器。通过document.createEvent及element.fireEvent等API实现了跨浏览器的事件触发。

老外写的,竟然是用创建事件的方式处理的…
支持ie和火狐,谷歌浏览器.

function expand(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");
    }
}