ionic应用里文字不能长按复制、粘贴怎么办
这次给大家带来ionic应用里文字不能长按复制、粘贴怎么办，解决ionic应用里文字不能长按复制、粘贴的注意事项有哪些，下面就是实战案例，一起来看一下。
项目临近上线，遇到了奇葩问题，ionic中的文字是无法像普通wap页面一样复制粘贴的。
翻了翻官方文档和中文网站，都没有对这个问题的说明。
以下网址是谷歌搜索第一条的结果：
http://ionichina.com/topic/55d18fff628dd6dc21b07d75
这里的方法都试过，但是都不理想。
后来经过多方查找资料，解决了这个问题。接下来分享给大家。
直接上代码：
html部分
<html ng-app="ionicApp"><head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>Ionic文字复制问题</title>
<link href="http://code.ionicframework.com/1.0.0-beta.4/css/ionic.css" rel="stylesheet">
<script src="http://code.ionicframework.com/1.0.0-beta.4/js/ionic.bundle.js"></script></head><body ng-controller="MyCtrl">
<ion-header-bar class="bar-positive">
<h1 class="title">ionic 测试copy</h1>
</ion-header-bar>
<ion-content overflow-scroll='true'>
<div class="selectable">幻灯片1测试文字，试试可以复制</div>
</ion-content></body></html>css部分
ion-content{ overflow-scroll: true;
}.scroll-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;//控制网页内容选择范围
}js部分
angular.module('ionicApp', ['ionic'])
.controller('MyCtrl', function($scope) {
stop_browser_behavior: false self.touchStart = function(e) {
self.startCoordinates = getPointerCoordinates(e); if ( ionic.tap.ignoreScrollStart(e) ) { return;
} if( ionic.tap.containsOrIsTextInput(e.target) ) { // do not start if the target is a text input
// if there is a touchmove on this input, then we can start the scroll
self.hasStarted = false; return;
}
self.isSelectable = true;
self.enableScrollY = true;
self.hasStarted = true;
self.doTouchStart(e.touches, e.timeStamp); // e.preventDefault();};
});通过代码我们可以看到，首先在html中,添加overflow-scroll='true'，然后在我们想要复制文字的容器上，添加自定义类，代码中我们添加的是'.selectable' ，在这个类上设置我们的css样式。
这里需要注意的是，这个自定义类，不能加在ionic的特定标签上。如下：
<ion-content class="selectable" overflow-scroll="true">
这样写，是无效的，我们必须这样写：
<ion-content overflow-scroll='true'>
<div class="selectable">幻灯片1测试文字，试试可以复制</div> </ion-content>表示我就是因为这个没写对，调试了半天出不来效果。。。
最后一步就是在页面对应的controller里面拷贝如上js代码。
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
Atas ialah kandungan terperinci ionic应用里文字不能长按复制、粘贴怎么办. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1377
52
Bagaimana untuk menyalin lirik dari QQ Music Bagaimana untuk menyalin lirik
Mar 12, 2024 pm 08:22 PM
Kami pengguna seharusnya dapat memahami kepelbagaian beberapa fungsi apabila menggunakan platform ini Kami tahu bahawa lirik beberapa lagu ditulis dengan sangat baik. Kadang-kadang kita mendengarnya beberapa kali dan merasakan maknanya sangat mendalam, jadi jika kita ingin memahami maksudnya, kita ingin menyalinnya secara langsung dan menggunakannya sebagai copywriting masih perlu Anda hanya perlu belajar bagaimana untuk menyalin lirik Saya percaya bahawa semua orang sudah biasa dengan operasi ini, tetapi ia memang agak sukar untuk beroperasi pada telefon bimbit Jadi untuk memberi anda pemahaman yang lebih baik, hari ini editor ada di sini untuk membantu anda. Penjelasan yang baik tentang beberapa pengalaman operasi di atas. ,
Apakah kekunci pintasan untuk menyalin?
Mar 10, 2023 pm 02:00 PM
Kekunci pintasan untuk menyalin ialah "Ctrl+c", dan kekunci tampal yang sepadan ialah "Ctrl+v" pada komputer, gunakan tetikus untuk menyeret dan memilih teks, tahan Ctrl, dan kemudian klik kekunci C untuk melengkapkan; salin; Kekunci pintasan merujuk kepada melengkapkan operasi melalui kekunci tertentu, urutan kekunci atau kombinasi kekunci.
Kekunci pintasan lapisan salinan PS
Feb 23, 2024 pm 02:34 PM
Dalam kekunci pintasan lapisan salin PS, kita boleh tahu bahawa jika anda ingin menyalin lapisan apabila menggunakan PS, anda boleh menggunakan kekunci pintasan [Ctrl+J] untuk menyalin pantas. Pengenalan kepada kekunci pintasan untuk menyalin lapisan ini boleh memberitahu anda kaedah operasi khusus Berikut ialah kandungan terperinci, jadi sila lihat. Jawapan kekunci pintasan lapisan salin PS: [Ctrl+J] Kaedah khusus: 1. Buka imej dalam PS dan pilih lapisan yang perlu disalin. 2. Tekan [Ctrl+J] pada papan kekunci pada masa yang sama untuk melengkapkan salinan lapisan. Kaedah penyalinan lain: 1. Selepas membuka imej, tahan lapisan dan gerakkan ikon [Lapisan Baharu] ke bawah. 2. Selepas beralih ke ikon, lepaskan. 3. Salinan lapisan selesai.
Belajar menggunakan pintasan salin-tampal
Jan 13, 2024 pm 12:27 PM
Apabila ramai pengguna menggunakan komputer, jika mereka menghadapi sesuatu yang perlu disalin dan ditampal, sangat menyusahkan untuk menyalin dengan tetikus Jadi bagaimana untuk menggunakan kekunci pintasan untuk salin dan tampal Salin dan Tampal Pintasan Cara menggunakan kekunci: 1. Kekunci salin: Ctrl+C, pilih teks atau imej untuk disalin dan tekan kekunci pintasan. 2. Kekunci tampal: Ctrl+V Hanya tekan terus kekunci pintasan di mana anda mahu tampal.
Apakah yang perlu saya tambahkan pada kekunci pintasan salin ctrl?
Mar 15, 2024 am 09:57 AM
Dalam sistem Windows, kekunci pintasan untuk menyalin ialah Ctrl+C dalam sistem Apple, kekunci pintasan untuk menyalin ialah Command+C dalam sistem Linux, kekunci pintasan untuk menyalin ialah Ctrl+Shift+C; Mengetahui kekunci pintasan ini boleh meningkatkan kecekapan kerja pengguna dan memudahkan operasi penyalinan teks atau fail.
Bagaimana untuk menyalin jadual dalam Excel dan mengekalkan format asal?
Mar 21, 2024 am 10:26 AM
Kami sering menggunakan Excel untuk memproses berbilang data jadual Selepas menyalin dan menampal jadual yang ditetapkan, format asal kembali kepada lalai, dan kami perlu menetapkannya semula. Malah, terdapat cara untuk menyalin jadual dalam Excel dan mengekalkan format asal Editor akan menerangkan kaedah khusus di bawah. 1. Langkah operasi menyeret dan menyalin kekunci Ctrl: Gunakan kekunci pintasan [Ctrl+A] untuk memilih semua kandungan jadual, dan kemudian gerakkan kursor tetikus ke tepi jadual sehingga kursor bergerak muncul. Tekan dan tahan kekunci [Ctrl], dan kemudian seret jadual ke kedudukan yang dikehendaki untuk melengkapkan pergerakan. Perlu diingatkan bahawa kaedah ini hanya berfungsi pada satu lembaran kerja dan tidak boleh dialihkan antara lembaran kerja yang berbeza. 2. Langkah-langkah untuk menampal terpilih: Tekan kekunci pintasan [Ctrl+A] untuk memilih semua jadual, dan tekan
Bagaimana untuk menyalin dan mengalihkan elemen drag-and-drop dalam Vue?
Jun 25, 2023 am 08:35 AM
Vue ialah rangka kerja JavaScript popular yang menyediakan fungsi seret dan lepas yang mudah, membolehkan kami menyalin dan memindahkan elemen dengan mudah. Seterusnya, mari kita lihat cara menyalin dan mengalihkan elemen seret dan lepas dalam Vue. 1. Pelaksanaan asas elemen drag-and-drop Untuk menyalin dan mengalihkan elemen drag-and-drop dalam Vue, anda perlu melaksanakan fungsi drag-and-drop asas elemen tersebut terlebih dahulu. Kaedah pelaksanaan khusus adalah seperti berikut: Tambah elemen yang perlu diseret dalam templat: <divclass="drag-elem"
Apakah perbezaan antara potong dan salinan
Mar 22, 2024 pm 03:58 PM
1. Pemotongan merujuk kepada operasi mengalihkan kandungan yang dipilih dari satu kedudukan ke kedudukan yang lain. 2. Operasi salin mencipta salinan kandungan yang dipilih dan menyimpan salinan dalam papan keratan sistem, dan kandungan asal akan kekal di lokasi asalnya. 3. Jika pengguna ingin mengalihkan kandungan ke lokasi lain dan memadamkan kandungan di lokasi asal, mereka boleh menggunakan operasi potong. 4. Jika pengguna perlu membuat salinan kandungan dan menampalnya di tempat lain tanpa menjejaskan kandungan asal, kemudian gunakan operasi salin.
