Javascript Html";选择";标签不应打开其“标签”;选项“;关于;输入“;按钮点击
我有一个Select元素,所以通常当控件在Select元素中“focus”时,我们点击Enter按钮以显示选项。所以我的问题是,我不想在按Enter键时打开它,我只想通过鼠标单击打开Select元素。如果我理解你的问题,你怎么想…,这可能是答案:Javascript Html";选择";标签不应打开其“标签”;选项“;关于;输入“;按钮点击,javascript,jquery,html,Javascript,Jquery,Html,我有一个Select元素,所以通常当控件在Select元素中“focus”时,我们点击Enter按钮以显示选项。所以我的问题是,我不想在按Enter键时打开它,我只想通过鼠标单击打开Select元素。如果我理解你的问题,你怎么想…,这可能是答案: 单个列表框选择元素 1. 2. 3. 4. 5. 6. 如果我理解您的问题您的想法…,以下可能是答案: 单个列表框选择元素 1. 2. 3. 4. 5. 6. 如果按enter键,您可以收听事件和操作。根据浏览器兼容性,您可以通过检查键、键或哪
单个列表框选择元素
1.
2.
3.
4.
5.
6.
如果我理解您的问题您的想法…,以下可能是答案:
单个列表框选择元素
1.
2.
3.
4.
5.
6.
如果按enter键,您可以收听事件和操作。根据浏览器兼容性,您可以通过检查键
、键
或哪个键
来检查它是否是回车键
e、 g
文档
.getElementById(“选择”)
.addEventListener(“向下键控”,函数(e){
如果(e.key==“输入”| |(e.keyCode | | e.which)==13)
e、 预防默认值();
});代码>
aaa
bbb
ccc
如果按enter键,您可以收听事件和操作。根据浏览器兼容性,您可以通过检查键
、键
或哪个键
来检查它是否是回车键
e、 g
文档
.getElementById(“选择”)
.addEventListener(“向下键控”,函数(e){
如果(e.key==“输入”| |(e.keyCode | | e.which)==13)
e、 预防默认值();
});代码>
aaa
bbb
ccc
使用Event.preventDefault()
防止浏览器执行默认操作,这应该可以防止按下space或enter时打开select
元素
香草js
<select>
<option></option>
<option></option>
<option></option>
</select>
jQuery
document.querySelector("select").addEventListener("keypress", function(event) {
event.preventDefault();
});
使用Event.preventDefault()
来防止浏览器执行默认操作,这将防止在按下space或enter时打开select
元素
香草js
<select>
<option></option>
<option></option>
<option></option>
</select>
jQuery
document.querySelector("select").addEventListener("keypress", function(event) {
event.preventDefault();
});
请注意,键盘可访问性是web上可访问性的核心租户之一。通过禁用用户打开选择的功能,您将使您的UI无法被无法使用常规鼠标/轨迹板的残疾人使用
默认情况下,浏览器会做正确的事情,请不要反对它们 请注意,键盘可访问性是web上可访问性的核心租户之一。通过禁用用户打开选择的功能,您将使您的UI无法被无法使用常规鼠标/轨迹板的残疾人使用
默认情况下,浏览器会做正确的事情,请不要反对它们 那么,您想实现什么呢?选择ElementOptions仅在单击时打开,在control focus上它不会打开。@vishnu,您想让用户停止使用键盘访问select标记,还是特别是“回车”?因为使用箭头键也会打开选项。我希望它只能用鼠标单击打开,而不能用键盘输入打开。那么,您想实现什么?选择元素选项仅在单击时打开,在控制焦点时它不会打开。@vishnu,您想让用户停止使用键盘访问选择标记,还是特别是“输入”?因为使用箭头键也会打开选项,所以我希望它只能用鼠标单击打开,而不能用键盘回车键。