HTML select元素关闭时是否有触发的DOM事件?

11 浏览
0 Comments

HTML select元素关闭时是否有触发的DOM事件?

我正在寻找一个DOM事件,用于在JavaScript中监听,当选择元素打开后(但选项未更改),通过单击选择元素之外的页面上的其他位置关闭。

它不是选择元素的blur事件,因为选择元素保留焦点。同样,它不是其他元素或文档的focus事件,或者窗口、文档或body上的mousedown或click事件。

它也不是选择元素的change事件,因为选择元素内的选项未更改。

我不关心旧版的Internet Explorer - 只需要适用于符合标准的现代浏览器的解决方案。但了解专有的hack方法可能是有价值的。

我创建了一个JSFiddle来演示问题:http://jsfiddle.net/premasagar/FpfnM/

  1. 在“Result”面板中点击选择框
  2. 点击标有“HERE”的文本(或其他任何位置),查看是否有任何事件添加到日志中。在最新的Chrome或Firefox中没有事件。

所以问题是:可以添加什么JavaScript代码,以便在点击选择框之外时记录事件?

(我在这里提出了一个类似但不同的问题:JavaScript on iOS: opening an HTML select element

0