jquery选择更改事件发生和键盘导航
这一问题与国际法有关 我有一个下降点,这个下降点可能真的很大。 我想在更新下拉列表时自动提交表单jquery选择更改事件发生和键盘导航,jquery,onchange,Jquery,Onchange,这一问题与国际法有关 我有一个下降点,这个下降点可能真的很大。 我想在更新下拉列表时自动提交表单 如果我在“点击”事件上使用:它在Firefox上运行良好,但在Chromium上不起作用 如果我使用on(“change”)事件:它同时对两个元素(当然也对其他元素)起作用,但是:无法转到最后一个元素,当通过键盘选择选项时,会发生更改事件 如果我在(“模糊”)事件上使用:它在更改时工作,但没有选择更新 $(文档).ready(函数(){ $(“#onchange”).change(函数(){
- 如果我在“点击”事件上使用:它在Firefox上运行良好,但在Chromium上不起作用
- 如果我使用on(“change”)事件:它同时对两个元素(当然也对其他元素)起作用,但是:无法转到最后一个元素,当通过键盘选择选项时,会发生更改事件
- 如果我在(“模糊”)事件上使用:它在更改时工作,但没有选择更新
$(文档).ready(函数(){
$(“#onchange”).change(函数(){
/*这种情况发生在bb,无法设置FF*/
$(“#表格”).submit();
});
$(“#onblur”).blur(函数(){
/*没有更新就发生*/
$(“#表格”).submit();
});
});代码>
一旦改变
AA
BB
科科斯群岛
DD
EE
FF
事件
AA
BB
科科斯群岛
DD
EE
FF
这里有一个关于“修复”这种不酷行为的建议
在选项卡上
向上键,如果选择
已聚焦,则保存该值。仅当值在焦点
和模糊
事件之间发生更改时,才提交表单
$(文档).ready(函数(){
让我们选择Val
$(文件)。关于(“键控”,功能(e){
如果(e.key==“Tab”&&&$(“#onblur”)。是(“:focus”)){
选择val=$(“#onblur”).val()
console.log(“val setted”)
}
})
$(“#onblur”).blur(函数(){
if(selectVal!=$(this.val()){
$(“#表格”).submit();
}否则{
日志(“值未更改”)
}
});
});代码>
事件
AA
BB
科科斯群岛
DD
EE
FF
看起来对我很有效!我可以在不触发表单提交的情况下使用键盘命令上下移动。添加了两个屏幕广播作为证明:Firefox 84和Chrome 87Strange,在Chrome版本71.0.3578.98(官方版本)(64位)MacOSX上运行良好,因为它打开了一个下拉列表,而不是在我猜的值之间循环。不知道如何解决这一问题而不存在模糊问题,希望有人能帮助我使用一些选定的数据进行思考,并在加载时进行设置,在模糊时进行检查…好主意!我(编辑)是的,但是onblur仍然不能完美地使用鼠标…也许我可以尝试使用on(“blur click”)
…是的。。。为什么不呢?