Ionic 1 - 无法在 IE 上选择文本

Question

通过添加：

.scroll {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

我可以在桌面浏览器上选择文本IE 除外。

我发现当我评论我的导入时：

//require('ionic-npm/js/ionic');

在 IE 上，我可以选择文本，但我需要 ionic，所以我无法评论该行。另外我不喜欢 ionic.js。

你有什么想法吗？

Answer 1

我在这里找到了答案：

forum.ionicframework：如何使文本可选择？

链接：Original forum Post

您是指在移动设备还是桌面设备上使用这种技术？

在移动设备上它似乎仍然对我有用，但如果它在桌面上不适合您，那可能是因为如果用户可以使用鼠标单击并拖动滚动，它就不起作用这页纸。要禁用这种类型的滚动，您可以在您的内容上启用溢出滚动：

<ion-content overflow-scroll="true">

或者您可以通过像这样进一步更改 ionic.js 来禁用鼠标单击和拖动滚动事件...

添加'return;'到此 mouseDown 函数的开头：

self.mouseDown = function(e) {
if ( ionic.tap.ignoreScrollStart(e) || e.target.tagName === 'SELECT' ) {
  return;
}
self.doTouchStart(getEventTouches(e), e.timeStamp);

if( !ionic.tap.isTextInput(e.target) ) {
  e.preventDefault();
}
mousedown = true;
};

所以它看起来像这样：

self.mouseDown = function(e) {

return; // <--- This disables all mouseDown events from scrolling the page

if ( ionic.tap.ignoreScrollStart(e) || e.target.tagName === 'SELECT' ) {
  return;
}
self.doTouchStart(getEventTouches(e), e.timeStamp);

if( !ionic.tap.isTextInput(e.target) ) {
  e.preventDefault();
}
mousedown = true;
};

此更改使您仍然可以通过鼠标滚轮使用离子滚动功能，但禁用鼠标单击和拖动滚动，以便您可以使用鼠标选择文本。