js:将焦点放在鼠标向下点击上
Selectize.js: get focus on mousedown click
使用selectize插件无法将焦点放在输入的动态添加项上。下面是代码jsfiddle
selectize.js插件
jQuery(document).ready(function(){
jQuery('.selectize').selectize({
render: {
option: function(item){
if (item.text === 'add-new-sidebar'){
return '<div class="fw-backend-add-new-sidebar">' +
'<span class="input_legend">New Sidebar</span>' +
'<input type="text" id="add_new_sidebar_name">'+
'<input type="button" class="button" value="Add" id="add_new_sidebar_submit">'+
'</div>'
}
return '<div class="selectize-item">' + item.text + '</div>';
}
},
onChange: function(item){
}
});
});
不确定您所说的不能集中于输入是什么意思。有一些回调可以处理这个
要在输入获得或失去焦点时采取任何行动,您需要在选项中传递onFocus
和onBlur
回调。
jQuery(document).ready(function(){
jQuery('.selectize').selectize({
// ... taking out original code for brevity
onFocus: function () {
// control has gained focus
},
onBlur: function () {
// control has lost focus
}
});
});
值得一提的是,上面的接口只在开始Selectize 0.12.0
相关文章:
- 单击其他元素或鼠标向上时隐藏输入框,但保留一次焦点
- D3.js鼠标悬停和焦点+上下文问题
- 按下esc键或随机单击鼠标时,Jcrop失去焦点
- jQuery UI 自动完成功能将焦点放在鼠标输出上
- 如何在将鼠标焦点放在旧窗口上打开新窗口
- Javascript html 编辑器光标焦点跟随鼠标
- 鼠标焦点上没有轮廓,但键盘焦点上仍然有轮廓
- jQuery验证插件-焦点事件与键/鼠标事件不一致
- 正在检测没有焦点的鼠标滚轮
- 锁定鼠标滚轮滚动到焦点分区
- 当鼠标悬停在其他元素上时,如何删除和重新设置输入焦点
- jQuery鼠标输入失去焦点
- 在鼠标输入获取下拉元素的焦点
- Div鼠标输入show并保持焦点
- 带有链接焦点/鼠标悬停的D3倍数提示:十字瞄准焦点线不适合x轴
- 定时鼠标光标焦点
- 将焦点设置在google地图's InfoWindow上,将鼠标移到上面
- 如何在鼠标悬停时将焦点设置为输入元素(搜索框)
- 如何防止鼠标悬停事件失去焦点的图像,当光标在另一个图像在拉斐尔
- 我如何使对话框聊天日志滚动到底部不断刷新而不改变鼠标焦点