Introduction à la méthode d'implémentation du presse-papiers d'exploitation JavaScript-js tutoriel-php.cn

Introduction à la méthode d'implémentation du presse-papiers d'exploitation JavaScript

不言

Libérer： 2019-03-26 10:23:13

avant

3758 Les gens l'ont consulté

Le contenu de cet article est une introduction à la méthode d'implémentation du presse-papiers d'exploitation JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Le presse-papiers peut être copié, coupé et collé via js

Méthodes et éléments utilisés

Éléments DOM

<textarea> </textarea>
<input>

Copier après la connexion

Méthode js

🎜>

// 选中输入框中的所有文本
inputElement.select()

// 选中输入框中的部分文本
inputElement.setSelectionRange(start, end)

// 对选中的文本进行 复制 / 剪切 / 粘贴 操作
document.execCommand('copy/cut/paste')

Copier après la connexion

Le principe de mise en œuvre

consiste à faire fonctionner la zone de saisie de la zone de texte via js. Vous ne pouvez utiliser que la zone de saisie et non d'autres éléments.

Toutes les opérations de copier/couper/coller doivent être effectuées après avoir sélectionné le texte dans la zone de saisie.

Exemple spécifique

Écrivez un exemple pour le montrer

HTML

<label>测试内容：</label>
<textarea>ABCDEFGHIJKLMNOPQRSTUVWXYZ</textarea>
<textarea></textarea>

Copier après la connexion

js peut être débogué directement dans la console

Utilisez Shift + Enter pour saisir la commande de nouvelle ligne dans la console

// 选中文本
var text = document.querySelector('#text');
text.focus();
text.setSelectionRange(3,13);

// 操作文本
document.execCommand('cut')

Copier après la connexion

À quoi cela ressemble après la sélection

Introduction à la méthode dimplémentation du presse-papiers dexploitation JavaScript

Après effectuez l'opération de coupe, puis collez-la manuellement dans la zone de saisie ci-dessous

Introduction à la méthode dimplémentation du presse-papiers dexploitation JavaScript

C'est tout.

Cet article est terminé ici. Pour d'autres contenus passionnants, vous pouvez prêter attention à la colonne Tutoriel vidéo JavaScript
du site Web PHP chinois !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!