vue使用sortablejs input无法获取焦点
时间: 2023-06-27 10:02:46 浏览: 234
窗口内不获得焦点, 类似输入法
4星 · 用户满意度95%
这个问题可能是由于 SortableJS 拖拽事件和 input 输入事件冲突导致的。你可以尝试在 SortableJS 的拖拽事件中加入一些判断逻辑来解决这个问题。
例如,你可以在 `onStart` 事件中判断当前被拖拽的元素是否为 input,如果是,就将其 `disabled` 属性设置为 `true`,拖拽结束后再将其设置为 `false`,这样就可以避免拖拽事件和输入事件的冲突了。
具体实现可以参考下面的代码:
```javascript
new Sortable(el, {
onStart: function (evt) {
var item = evt.item;
if (item.nodeName.toLowerCase() === 'input') {
item.disabled = true;
}
},
onEnd: function (evt) {
var item = evt.item;
if (item.nodeName.toLowerCase() === 'input') {
item.disabled = false;
item.focus();
}
}
});
```
这样处理后,拖拽 input 元素时就不会出现无法获取焦点的问题了。
阅读全文