ionic-v1默認(rèn)是無法長按選擇文字,那么意味著不能實現(xiàn)長按復(fù)制迫皱。
經(jīng)過百度跟谷歌的搜索歉闰,得出來的解決方法都略麻煩,效果不理想舍杜。
整合各方結(jié)果新娜,得出來的解決方案如下:
HTML部分
<div data-tap-disabled="true" class="copy">測試文字,長按選中</div>
CSS部分
.copy {
-webkit-user-select: text !important;
user-select: text !important;
}
對需要實現(xiàn)長按復(fù)制的元素加上 data-tap-disabled 屬性既绩,然后再加上 .copy 樣式概龄。
這樣就可以在ionic中實現(xiàn)長按復(fù)制的效果了。
data-tap-disabled 屬性是禁用ionic的tap處理機制饲握,user-select: text 是讓元素恢復(fù)可選擇私杜。
ionic默認(rèn)將所有元素的 user-select 設(shè)置為 none,加上 user-select: text 使得元素恢復(fù)可選擇救欧。
ionic的滾動條是監(jiān)聽tap事件的衰粹,必須加上了 data-tap-disabled="true" 使ionic停止監(jiān)聽該元素的tap事件,這樣該元素才會觸發(fā)原生的長按事件笆怠。