javascript – Angular-drag-and-drop-lists：具有draggable属性的输入,在IE中导致意外行为

我正在使用Angular-drag-and-drop-lists.在Windows 8上使用IE 11时,我注意到以下错误：

>我必须双击才能开始输入
>“x”(ms-clear)实际上没有做任何事情
>我无法突出显示文字.

这在Chrome中运行良好,请在IE和Chrome中尝试以下演示：
http://marceljuenemann.github.io/angular-drag-and-drop-lists/demo/#/types

有人知道官方修复或解决方法吗？

最佳答案

因此我提出的解决方案修复了我的特定用例,但我有兴趣了解其他人如何处理这个问题.

cope.removeDrag = function (event) {
  $(event.currentTarget).prop("draggable",false);
  $(element[0].parentElement).prop("draggable",false);
}

scope.addDrag = function (event) {
 $(event.currentTarget).prop("draggable",true);
 $(element[0].parentElement).prop("draggable",true);
}

基本上,只要我输入输入,它就会禁用输入和父元素的draggable属性.这允许我单击输入,突出显示文本,并使用“x”(ms-clear).只要鼠标离开输入,我们就可以再次拖动元素.

不是一个完美的解决方案,但这修复了我的用例.

原文地址：https://www.jb51.cc/js/428960.html