ionic项目iframe在iOS上无法粘贴文本

新手上路,请多包涵

项目使用iframe嵌入网址形式.

  • html代码如下
<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>
  • 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;
}
  • 我的ionic环境如下
cli packages: (/usr/local/lib/node_modules)

    @ionic/cli-utils  : 1.12.0
    ionic (Ionic CLI) : 3.12.0

global packages:

    cordova (Cordova CLI) : 7.0.1 

local packages:

    @ionic/app-scripts : 2.1.4
    Cordova Platforms  : android 6.2.3 ios 4.4.0
    Ionic Framework    : ionic-angular 3.6.0

System:

    Android SDK Tools : 26.1.1
    ios-deploy        : 1.9.1 
    ios-sim           : 5.0.13 
    Node              : v8.4.0
    npm               : 5.3.0 
    OS                : macOS High Sierra
    Xcode             : Xcode 9.0 Build version 9A235 

Misc:

    backend : legacy
  • 具体问题描述

我的ionic项目使用iframe嵌入网址形式组织项目.
在iOS中对文字进行长按可以复制,但是却不能在输入框中长按粘贴.Android上可以粘贴(备注,所有的文字和输入框均嵌入的网址页面实现,非ionic实现,目前ionic只是嵌入该网页呈现展示功能).

请问这个怎么解决?

StackOverflow同步提问ionic iframe - Can't paste when long press on ios

阅读 3.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题