ionic 앱에서 길게 눌러 텍스트를 복사하거나 붙여넣을 수 없으면 어떻게 해야 하나요?
이번에는 이온 앱에서 텍스트를 길게 눌러도 복사해서 붙여넣을 수 없는 경우 대처 방법을 알려드리겠습니다. 다음은 실제 사례입니다. 살펴보겠습니다. 프로젝트가 온라인에 올라오려고 할 때 이상한 문제가 발생했습니다. ionic의 텍스트를 일반 wap 페이지처럼 복사하여 붙여넣을 수 없습니다.
공식문서와 중국사이트를 샅샅이 뒤졌지만 이 문제에 대한 설명은 없습니다.
다음 URL은 Google 검색의 첫 번째 결과입니다.
http://ionichina.com/topic/55d18fff628dd6dc21b07d75여기서 모든 방법을 시도했지만 그중 어느 것도 이상적이지 않습니다.
나중에 다양한 출처에서 정보를 검색한 결과 이 문제가 해결되었습니다. 다음에는 모든 사람과 공유하세요.
코드로 직접 이동하세요.
html part
<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 part
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 part
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 중국어 웹사이트의 다른 관련 기사를 주목하세요!
관련 읽기:
Angularjs에서 mvvm 스타일 탭을 구현하는 방법은 무엇입니까? 케이스+코드vue2.0 프로젝트 아주 실용적인 코드 모음위 내용은 ionic 앱에서 길게 눌러 텍스트를 복사하거나 붙여넣을 수 없으면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7413
15
1359
52
76
11
20
19
QQ뮤직 가사 복사하기 가사 복사하기
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. 레이어 복사가 완료되었습니다.
복사-붙여넣기 단축키 사용법 알아보기
Jan 13, 2024 pm 12:27 PM
많은 사용자들이 컴퓨터를 사용하다 보면 복사해서 붙여넣어야 하는 부분이 생기면 마우스로 복사하기가 매우 번거롭습니다. 그렇다면 복사하여 붙여넣기 단축키를 어떻게 사용하는지 자세한 튜토리얼을 살펴보세요~ 단축키 복사 및 붙여넣기 키 사용 방법: 1. 복사 키: Ctrl+C, 복사할 텍스트 또는 이미지를 선택한 후 단축키를 누릅니다. 2. 붙여넣기 키: Ctrl+V 붙여넣고 싶은 곳에서 바로 단축키를 누르면 됩니다.
복사단축키 Ctrl에 무엇을 추가해야 하나요?
Mar 15, 2024 am 09:57 AM
Windows 시스템에서 복사할 단축키는 Ctrl+C이고, Linux 시스템에서는 복사할 단축키는 Ctrl+Shift+C입니다. 이러한 바로 가기 키를 알면 사용자의 작업 효율성이 향상되고 텍스트 또는 파일 복사 작업이 쉬워집니다.
Excel에서 테이블을 복사하고 원본 형식을 유지하는 방법은 무엇입니까?
Mar 21, 2024 am 10:26 AM
우리는 여러 테이블 데이터를 처리하기 위해 엑셀을 자주 사용하는데, 설정된 테이블을 복사하여 붙여넣은 후 원래 형식이 기본값으로 돌아가므로 이를 재설정해야 합니다. 실제로 엑셀 복사표를 원본 형식으로 유지하는 방법이 있습니다. 구체적인 방법은 아래에서 편집자가 설명해 드리겠습니다. 1. Ctrl 키 드래그 및 복사 작업 단계: 단축키 [Ctrl+A]를 사용하여 모든 테이블 내용을 선택한 다음 움직이는 커서가 나타날 때까지 마우스 커서를 테이블 가장자리로 이동합니다. [Ctrl] 키를 누른 채 테이블을 원하는 위치로 드래그하면 이동이 완료됩니다. 이 방법은 단일 워크시트에서만 작동하며 다른 워크시트 간에 이동할 수 없다는 점에 유의해야 합니다. 2. 선택 붙여넣기 방법: [Ctrl+A] 단축키를 눌러 모든 테이블을 선택하고,
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를 사용하여 웹 사이트를 구축하는 과정에서 데이터 손실이나 손상을 방지하기 위해 데이터베이스 파일의 보안을 보장하는 것은 매우 중요합니다. 데이터베이스 파일을 백업하는 것은 필수적인 작업입니다. 다음에서는 CMS DreamWeaver 데이터베이스 파일을 백업하는 방법과 구체적인 코드 예제를 첨부하는 방법을 소개합니다. 1. 백업을 위해 phpMyAdmin을 사용하십시오. phpMyAdmin은 데이터베이스를 쉽게 백업할 수 있는 일반적으로 사용되는 데이터베이스 관리 도구입니다. 다음은 phpMyAdm을 사용하고 있습니다.
