防止组合框和镶边的默认行为

Question

我正在尝试这样做，当单击组合框时，应该打开列表，但应该弹出一个警报。

我有这样的代码：

$('select').focus(function() {
    this.blur();
    window.focus();
});   

$('select').click(function(){
    alert('Clicked but did not open');
});

这在 FF 中工作正常，但在 chrome 中不起作用，

知道为什么吗？

先感谢您...

Answer 1

为了防止事件冒泡，您应该使用 preventDefault()以实现跨浏览器兼容性。

$('select').mousedown(function(e) {
    this.blur();
    window.focus();
    e.preventDefault();
});

Answer 2

可以正常

$('select').mousedown(function(e) {
    e.preventDefault();
});

在 Chrome、IE 9（不是 8）和 Opera（至少版本 11.61，这是我安装的版本）中 工作。它在 Firefox 中不起作用，不知道为什么。然而，元素上的模糊和窗口上的焦点对我来说永远不起作用，无论是在鼠标按下还是单击时。

受到这里被否决两次的答案的启发（http://stackoverflow.com/questions/1905464/html-select-dropdown），我想出了这个小小的变化（原来的使整个窗口闪烁，有点丑陋） ：

$('select').mousedown(function(event) { 
   var $select = this;
   window.setTimeout(function () {          
      $select.blur();
      $select.focus();
      //do whatever like alert("This message");
   },0);        
   event.preventDefault();
   return false;
});

现在，对于 FF（我有版本 10）和 IE < 9，这意味着轻微的闪烁，因为下拉列表实际上打开后立即关闭，但 PreventDefault 可以使其在所有其他现代浏览器中正常工作。 Select 是邪恶的，我认为没有一个好的跨浏览器方法来控制下拉列表是否显示。根据互联网上的谣言， return false 应该做一些事情，所以我把它留在那里，可能它在旧浏览器中确实有效。

PS：在你的问题中，你的意思是“[...]列表应该不打开，而是[...]”，对吗？

Answer 3

Demo

$('select').click(function() {
    this.blur();
    window.focus();
    return false;
});   

添加返回 false 作品