Javascript &引用;按键;事件使用jQuery&;无法正常工作;选择2
我有一个论坛,我在其中更改tab的功能以进入。当用户按enter键进入下一个输入字段get focus并设法在Javascript &引用;按键;事件使用jQuery&;无法正常工作;选择2,javascript,jquery,jquery-select2,Javascript,Jquery,Jquery Select2,我有一个论坛,我在其中更改tab的功能以进入。当用户按enter键进入下一个输入字段get focus并设法在focusin事件中打开select2选择框时,选择2框将打开 但是,当我在selec2选择框中选择值并按enter键时,它不会关闭,并在enter键按下事件时保持打开状态,但会关闭。当我将enter键事件更改为任意按键事件时,请选择2 get close并正常工作,但我必须按enter键 我想要的: 当用户在select2搜索框中选择值并按enter键时,关闭并将焦点移到下一个输入字段
focusin
事件中打开select2选择框时,选择2框将打开
但是,当我在selec2选择框中选择值并按enter键时,它不会关闭,并在enter键按下事件时保持打开状态,但会关闭。当我将enter键事件更改为任意按键事件时,请选择2 get close并正常工作,但我必须按enter键
我想要的:当用户在select2搜索框中选择值并按enter键时,关闭并将焦点移到下一个输入字段或任何字段 我到目前为止所做的一切
$('.search-select').on("focusin",function(event) {
$('#s2id_form-field-select-3').select2('open');
event.preventDefault();
});
用enter键选择2,该事件不起作用
$('.select2-input').on("keypress", function(e) {
if (e.keyCode == 13) {
$("#select2-drop-mask").click();
$('#name').focus();
e.preventDefault();
}
});
选择2,同时选择任何正在工作的按键事件
$('.select2-input').on("keypress", function(event) {
$("#select2-drop-mask").click();
$('#name').focus();
event.preventDefault();
});
标记
<select id="form-field-select-3" name="register_id" class="form-control search-select" required="required">
<option value=""> </option>
<? $query=$this->dba->get_dropdown('register',array('id','name'));
foreach($query as $key=>$value):
?>
<option value="<?=$key?>"><?=$value; ?></option>}
<? endforeach;?>
</select>
我想您正在寻找键控:
$('.select2-input').on("keydown", function(e) {
if (e.keyCode == 13) {
$("#select2-drop-mask").click();
$('#name').focus();
e.preventDefault();
}
});
他们是一个好朋友。
在这种情况下,keypress不会在您的字段中插入任何内容。对我来说有效
$(document).on('keyup keydown', 'input.select2-search__field', function(e) {
完成,但请相信我,我已经尝试了大约10到11种方法,但我失败了。谢谢你让我度过了很多日子。在我的情况下,我需要的是“keyup”,这样我就可以得到的当前值。select2 input-keydown为你提供了减去用户当时键入的字符的值。谢谢!这对我有用。