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

时间:2017-01-24 13:17:29

标签: css internet-explorer ionic-framework

添加:

.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.js。

你有什么想法吗?

1 个答案:

答案 0 :(得分:0)

我在这里找到了答案:

  

forum.ionicframework:如何选择文字?

链接:Original forum Post

您是指在移动设备或桌面设备上使用此技术吗?

在移动设备上它似乎仍然适合我,但如果它不适合在桌面上工作,那可能是因为如果用户可以使用鼠标点击它并不起作用-drag滚动页面。要禁用此类型的滚动,您可以在内容上启用溢出滚动:

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

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

添加&#39;返回;&#39;到这个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;
};

此更改使您仍然可以在鼠标滚轮上使用离子滚动功能,但禁用鼠标单击并拖动滚动,以便您可以使用鼠标选择文本。