有什么方法可以让点击选择输入字段不会打开选项列表吗?
我尝试从 onmousedown 和 onclick 返回 false,我尝试在 onfocus 中调用 this.blur(),我尝试设置 readonly 属性,这些在 Firefox 中似乎都不起作用。
Chrome 和 IE 似乎更重视 mousedown 处理程序中的“return false
”。
编辑:我想做的是实现我自己的界面,以便从选择输入中选择选项。禁用选择既会改变它的外观,又会阻止在控件上触发任何事件。限制为一个选项仍然会使该选项在用户单击控件时打开,因此这不是一个好的解决方案。
我想我必须删除 select
并尝试从文本框和图像创建看起来像它的东西。
代码(在线here):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test searchable select</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("#mys").mousedown(function () {
console.log("mousedown");
return false;
}).focus(function() {
console.log("focus");
this.blur();
});
});
</script>
<body>
<select style="width: 300px" id="mys" readonly="readonly">
<option>apple</option>
<option>banana</option>
</select>
</body>
</html>
最佳答案
为什么不让它禁用
?
<select style="width: 300px" id="mys" readonly="readonly" disabled="disabled">
<!-- ... -->
</select>
关于javascript - 在 Firefox 中的选择字段上禁用或忽略 mousedown,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1318082/