javascript - 当 onfocus 设置选择大小时，Google Chrome 会崩溃

Question

以下用于调整选择列表大小的 javascript 在谷歌浏览器中中断。它在跳入该字段时起作用，但单击它会导致“哇，啪!”错误页面。

<select onfocus="this.setAttribute('size', 3);">
<option>selectList with onfocus</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>

在 FF 和 IE 中工作正常。这是onfocus(如果我在onClick上实现它就没有问题)和设置size属性之间的某种冲突。我听说它在 Safari 中也有问题。

非常感谢任何帮助、想法或解决方法。

(P.S. 是的，我知道调整选择列表的大小不是很好的形式，但这是老板/客户想要的)

Answer 1

将带有选择的行更改为:

<select onfocus="var that = this; setTimeout(function() {that.setAttribute('size', 3);}, 0);">

它适用于我的 Chrome。我没有在 Safari 中尝试过，但我怀疑它也能正常工作。基本上我们在这里所做的就是使用 setTimeout 转义调用堆栈，这似乎绕过了 Webkit 中的错误。