ionic アプリで長押ししてもテキストのコピーや貼り付けができない場合はどうすればよいですか?
今回は、ionicアプリ内のテキストが長押しでコピー＆ペーストできない場合の対処法について説明します ionicアプリ内のテキストが長押しでコピー＆ペーストできない問題を解決するための注意事項とは何ですか？以下は実際的なケースです。見てみましょう。
プロジェクトがオンラインに移行しようとしていたとき、通常の wap ページのように ionic のテキストをコピーして貼り付けることができませんでした。
公式文書や中国のウェブサイトを調べましたが、この問題についての説明はありません。
次の URL は Google 検索の最初の結果です:
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>は、これが原因で正しく書かれておらず、長時間 デバッグしても効果が得られないことを意味します。 。 。
最後のステップは、ページに対応するコントローラーに上記の js コードをコピーすることです。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
関連書籍:
Angularjs で mvvm スタイルのタブを実装するには? Case + code
以上がionic アプリで長押ししてもテキストのコピーや貼り付けができない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7722
15
1642
14
1396
52
1289
25
1233
29
QQ Music から歌詞をコピーする方法 歌詞をコピーする方法
Mar 12, 2024 pm 08:22 PM
私たちユーザーは、このプラットフォームを使用する際にいくつかの機能の多様性を理解できるはずであり、いくつかの曲の歌詞は非常によく書かれていることがわかります。何度か聞いて、とても深い意味を感じることもあるので、意味を理解したい場合は、そのままコピーしてコピーライティングとして使いたくなりますが、使いたい場合は、まだ必要です 歌詞をコピーする方法を学ぶ必要があります 誰もがこれらの操作に慣れていると思いますが、携帯電話での操作は確かに少し難しいです。 そこで、よりよく理解するために、今日は編集者がは、あなたを助けるためにここにあります。上記の操作エクスペリエンスのいくつかをわかりやすく説明しています。もし気に入ったら、エディターと一緒に見に来てください。お見逃しなく。
コピーのショートカットキーは何ですか？
Mar 10, 2023 pm 02:00 PM
コピーのショートカット キーは「Ctrl+c」、対応する貼り付けキーは「Ctrl+v」です。コンピュータでは、マウスを使用してテキストをドラッグして選択し、Ctrl キーを押したまま C キーをクリックして完了します。コピー; ショートカット キーとは、特定のキー、キー シーケンス、またはキーの組み合わせによって操作を完了することを指します。
PSコピーレイヤーのショートカットキー
Feb 23, 2024 pm 02:34 PM
PS コピー レイヤーのショートカット キーでは、PS を使用しているときにレイヤーをコピーしたい場合、ショートカット キー [Ctrl+J] を使用すると簡単にコピーできることがわかります。レイヤーをコピーするショートカットキーの具体的な操作方法を紹介しますが、以下に詳しい内容を記載していますので、ぜひご覧ください。 PS レイヤーのコピー ショートカット キーの答え: [Ctrl+J] 具体的な方法: 1. PS で画像を開き、コピーする必要があるレイヤーを選択します。 2. キーボードの[Ctrl+J]を同時に押して、レイヤーのコピーを完了します。その他のコピー方法： 1. 画像を開いた後、レイヤーを長押しして[新規レイヤー]アイコンを下に移動します。 2. アイコンに移動したら指を放します。 3. レイヤーのコピーが完了します。
コピーのショートカット キー Ctrl に何を追加すればよいですか?
Mar 15, 2024 am 09:57 AM
Windows では、コピーのショートカット キーは Ctrl C、Apple では、コピーのショートカット キーは Command C、Linux では、コピーのショートカット キーは Ctrl Shift C です。これらのショートカット キーを知っておくと、ユーザーの作業効率が向上し、テキストやファイルのコピー操作が容易になります。
Excel でテーブルをコピーし、元の形式を維持するにはどうすればよいですか?
Mar 21, 2024 am 10:26 AM
Excelで複数の表データを処理することが多いのですが、設定した表をコピー＆ペーストすると元の形式に戻ってしまい、再設定する必要があります。実は、Excelのコピー表を元の形式のままにする方法があり、その具体的な方法を編集者が以下で説明します。 1. Ctrl キーのドラッグとコピーの操作手順: ショートカット キー [Ctrl+A] を使用してテーブルの内容をすべて選択し、移動カーソルが表示されるまでマウス カーソルをテーブルの端に移動します。 [Ctrl]キーを押したままテーブルを目的の位置までドラッグすると移動が完了します。このメソッドは単一のワークシートでのみ機能し、異なるワークシート間で移動できないことに注意してください。 2. 選択的に貼り付ける手順: [Ctrl+A] ショートカット キーを押してすべてのテーブルを選択し、 を押します。
コピー＆ペーストのショートカットの使い方を学ぶ
Jan 13, 2024 pm 12:27 PM
多くのユーザーがコンピュータを使用するとき、コピー＆ペーストする必要があるものに遭遇した場合、マウスでコピーするのは非常に面倒です. そこで、コピー＆ペーストのためのショートカットキーを使用する方法を教えてください? 詳細なチュートリアルをご覧ください~ショートカットのコピーと貼り付け キーの使用方法: 1. コピー キー: Ctrl+C、コピーするテキストまたは画像を選択し、ショートカット キーを押します。 2. 貼り付けキー: Ctrl+V. 貼り付けたい場所にショートカット キーを直接押すだけです。
Vue でドラッグ アンド ドロップ要素をコピーして移動するにはどうすればよいですか?
Jun 25, 2023 am 08:35 AM
Vue は、便利なドラッグ アンド ドロップ機能を提供する人気の JavaScript フレームワークで、要素を簡単にコピーしたり移動したりできます。次に、Vue でドラッグ アンド ドロップ要素をコピーおよび移動する方法を見てみましょう。 1. ドラッグ アンド ドロップ要素の基本的な実装 Vue でドラッグ アンド ドロップ要素をコピーおよび移動するには、まず要素の基本的なドラッグ アンド ドロップ機能を実装する必要があります。具体的な実装方法は以下の通りです。 ドラッグする必要がある要素をテンプレートに追加します: <divclass="drag-elem"
CMS DreamWeaver データベース ファイルをバックアップするにはどうすればよいですか?
Mar 13, 2024 pm 06:09 PM
CMS DreamWeaver データベース ファイルをバックアップするにはどうすればよいですか? CMS を使用して Web サイトを構築するプロセスでは、データの損失や損傷を防ぐためにデータベース ファイルのセキュリティを確保することが非常に重要です。データベース ファイルのバックアップは必須の操作です。以下では、CMS DreamWeaver データベース ファイルのバックアップ方法と具体的なコード例を紹介します。 1. バックアップに phpMyAdmin を使用する phpMyAdmin は、データベースを簡単にバックアップできる一般的に使用されるデータベース管理ツールです。以下はphpMyAdmを使用しています
