離子iframe - 長時間按下ios時無法粘貼

iOS長時間按下時無法粘貼，但可以複製。離子iframe - 長時間按下ios時無法粘貼

我搜索如下。

它不適合我。我使用作爲<ion-content>子節點。並且複製和粘貼操作都發生在嵌入在iframe中的html頁面上。

我什麼也沒加到src/index.html。我發佈了home.html和home.scss一擊。

page-home { 
 

 
} 
 

 
.selectable{ 
 
    -webkit-user-select: auto; 
 
} 
 

 
ion-content { 
 
    background: none transparent; 
 
} 
 

 
iframe { 
 
    background: none transparent; 
 
    -webkit-user-select: auto; 
 
    position: absolute; 
 
    min-width: 100%; 
 
    min-height: 100%; 
 
    z-index: 99; 
 
}

<ion-content scroll="true" overflow-scroll="true" > 
 
    <iframe 
 
     name="mainFrame" id="mainframe" 
 
     src="http://180.168.168.210:8010/mobile/Login.html?" 
 
     class="selectable"> 
 
    </iframe> 
 
</ion-content>

我的離子環境：

 
cli packages: 
    @ionic/cli-utils : 1.9.2 
    ionic (Ionic CLI) : 3.9.2 

global packages: 
    Cordova CLI : 7.0.1 

local packages: 
    @ionic/app-scripts : 2.0.2 
    Cordova Platforms : android 6.2.3 ios 4.4.0 
    Ionic Framework : ionic-angular 3.5.3 

System: 
    ios-deploy  : 1.9.1 
    ios-sim   : 5.0.13 
    Node    : v8.4.0 
    npm    : 5.3.0 
    OS    : macOS Sierra 
    Xcode    : Xcode 8.3.3 Build version 8E3004b

我該怎麼辦？我很困惑要在哪個文件中設置哪個標籤。 iframe，ion-content或ion-app in src/index.html？

對不起提出我的問題，但我真的需要你的幫助！

來源

2017-08-31 Story5

您可以試試這種方式。

確保添加

「溢出滾動：真」的離子含量

然後你包裹着類在一個div文本=「選擇」

那麼你一定要把它添加到可選類中。

-webkit-user-select: auto;

here is working example

注：我還沒有在實際設備上測試了這一點。

好運

來源

2017-08-31 11:10:27

的局勢文字不是寫在我的項目離子，它是在一個前端的HTML頁面。我使用iframe將頁面嵌入到我的離子項目中。離子項目和前端HTML頁面都添加了CSS，但它仍然不起作用。我可以複製文本，無論是否設置了CSS，但是當長按前端HTML中的「input/textarea」時無法粘貼iOS設備上的頁面.Android運行良好 – Story5

離子iframe - 長時間按下ios時無法粘貼

回答

相關問題