在ionic中显示的html默认是无法选择的,主要是在其框架定义的CSS 中,屏蔽了选择功能。例如:
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
其实可以根据自己的需要,在需要复制文字的地方,重置其功能,在查询网络上的一些文章后,大致为:
1:ion-content 标签上设置 overflow-scroll = "true",设置为false无法选择文字的,起用浏览器原生的滚轮。 配和 style="overscroll:scroll",保证页面内滑动效果正常。
2:定义css
.scroll-content { //这个是ion-content 自带的类,需要修改它
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}
.selectable {
-webkit-user-select: auto;//控制网页内容选择范围,恢复选择功能
}
3:指定显示的div, 这里需要注意的是,这个自定义类,不能加在ionic的特定标签上。