在 select2 的下拉菜单中禁用自动对焦?

侯纳润

我试图禁用内部输入搜索的自动聚焦,select2尤其是在移动设备上以禁用键盘弹出窗口。但是,如此处所述

select2不会触发本机事件。select2 也不会触发事件的非本地版本,这不是问题,因为我们仍然可以选择添加本地事件而不破坏兼容性。

所以我能做的唯一方法是尝试让 select2 中的每个输入框当前处于焦点状态并设置失去焦点,但没有运气。

$("select").select2().on("select2-open",":input",function(){
    setTimeout(function(){
        $(":focus").blur();
    }, 50);
});

我有没有可能达到上述结果?谢谢。

侯纳润

最后,我设法找到了对我来说很好用的解决方案,如下所示:

/* Hide keyboard on select2 open event */
function hideSelect2Keyboard(e){
    $('.select2-search input, :focus,input').prop('focus',false).blur();
}

$("select").select2().on("select2-open", hideSelect2Keyboard);

$("select").select2().on("select2-close",function(){
    setTimeout(hideSelect2Keyboard, 50);
});

在平板电脑和 iOS 设备上测试。在函数中hideSelect2Keyboard(),我搜索了每个当前焦点元素,包括可用于初始化 select2 的输入字段,设置.prop('focus',false)将移除焦点并因此禁用键盘弹出select2-openselect2-close事件,通过链接.blur()是从元素中移除焦点边框。然后接上此功能选择事件open,并close和它工作得很好。

我希望这也能帮助其他像我一样寻找这个的人。谢谢。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在select2 clear上禁用下拉菜单

来自分类Dev

select2 multiselect下拉菜单

来自分类Dev

禁用带剔除绑定的select2下拉菜单?

来自分类Dev

多个 Select2 下拉菜单的不同图标

来自分类Dev

Select2:防止Select2下拉菜单集中于点击

来自分类Dev

select2下拉菜单中的fadeIn / fadeOut效果

来自分类Dev

如何在select2下拉菜单中换行?

来自分类Dev

使用select2中的选项文本(不使用值)选择下拉菜单

来自分类Dev

select2下拉菜单中的fadeIn / fadeOut效果

来自分类Dev

select2通过jquery或js触发下拉菜单中的元素

来自分类Dev

使用select2中的选项文本(不使用值)选择下拉菜单

来自分类Dev

如何在 Bootstrap Select2 下拉菜单中为边框颜色应用 CSS

来自分类Dev

为bootstrap-select / select2关闭自动对焦

来自分类Dev

在select2中搜索select属性

来自分类Dev

Select2,为“单选”下拉菜单设置默认值

来自分类Dev

无法在Select2下拉菜单中选择项目

来自分类Dev

Select2下拉菜单允许用户输入新值

来自分类Dev

Select2打开焦点集中的下拉菜单

来自分类Dev

在Ajax Form Submit上重置Select2下拉菜单

来自分类Dev

使用select2,json请求和Laravel的动态下拉菜单

来自分类Dev

如何捕捉select2下拉菜单的宽度?

来自分类Dev

select2搜索框下拉菜单不起作用

来自分类Dev

如何在多选下拉菜单中禁用2个选项并使该选项灰显

来自分类Dev

分类下拉列表select2

来自分类Dev

Select2 下拉光标属性更改

来自分类Dev

未禁用Kartik / Krajee Select2

来自分类Dev

如何从select2()下拉Jquery禁用所选属性?

来自分类Dev

如何从select2()下拉Jquery禁用选定的属性?

来自分类Dev

使select2下拉菜单仅在键入至少一个字母后才下拉

Related 相关文章

热门标签

归档