Maison > interface Web > js tutoriel > JQUERY CAPTURE COPY, COLER ET COUPE

JQUERY CAPTURE COPY, COLER ET COUPE

William Shakespeare
Libérer: 2025-03-04 00:33:10
original
795 Les gens l'ont consulté

jQuery Capture Copy, Paste and Cut Events

JQUERY CAPTURE COPY, COLER ET COUPE

C'est ainsi que vous pouvez capturer si quelqu'un a copié, coupé ou collé dans une zone de texte d'entrée.

démo

Copier, couper ou coller du texte de / vers la zone de texte ci-dessous.

le code

<span>(function($)
</span><span>{
</span>    <span>$(document).ready(function() {
</span>
        <span>$("#textinput").bind({
</span>            <span>copy : function(){
</span>                <span>$('#eventresult').text('copy behaviour detected!');
</span>            <span>},
</span>            <span>paste : function(){
</span>                <span>$('#eventresult').text('paste behaviour detected!');
</span>            <span>},
</span>            <span>cut : function(){
</span>                <span>$('#eventresult').text('cut behaviour detected!');
</span>            <span>}
</span>        <span>});
</span>
    <span>});
</span><span>})(jQuery);</span>
Copier après la connexion

Les questions fréquemment posées sur la capture, la copie, la coller et la coupe des événements de jQUERY

Comment puis-je lier l'événement de pâte dans jQuery?

La liaison de l'événement de pâte dans jQuery est assez simple. Vous pouvez utiliser la méthode .on () pour lier l'événement de pâte à un élément. Voici un exemple simple:

$ ("# yourelement"). Sur ('colz ", fonction (e) {
// Votre code ici
});
Dans ce code, #YouRelement est l'ID de l'élément HTML que vous souhaitez lier l'événement de pâté. La fonction à l'intérieur de la méthode .on () sera exécutée chaque fois qu'un événement de pâte se produit sur cet élément.

Comment puis-je obtenir le contenu de l'événement de pâte dans jQuery?

pour obtenir le contenu de l'événement de pâte dans jQuery, vous pouvez utiliser la méthode event.originalevent.clipboard pour.GetData ('text'). Cette méthode renvoie le texte collé. Voici un exemple:

$ ("# yourelement"). Sur ('colz ", fonction (e) {
var colzteddata = e.originalevent.clipboarddata.getData (' text ');
console.log (pasteddata);
}); collé.

Quelle est la méthode clone () dans jQuery?

La méthode clone () dans jQuery est utilisée pour créer une copie des éléments sélectionnés, y compris leurs nœuds enfants, le texte et les attributs. Voici un exemple:


var clonEDElement = $ ("# youElement"). Clone ();
Dans ce code, CLONEDEMENT sera une copie de l'élément avec l'ID Yougelement.

Comment puis-je capturer l'événement CUT dans JQUERY?

Capturer l'événement Cut en jQuery est similaire pour capturer l'événement de la écoute. Vous pouvez utiliser la méthode .on () pour lier l'événement de coupe à un élément. Voici un exemple:


$ ("# yourelement"). Sur ('Cut', fonction (e) {
// Votre code ici
});
Dans cet code, la fonction à l'intérieur de la méthode .on () sera exécutée pour capturer l'événement de copie dans JQUERY? Événement dans jQuery, vous pouvez utiliser la méthode .on () pour lier l'événement de copie à un élément. Voici un exemple:

$ ("# yourelement"). Sur ('copy', fonction (e) {

// Votre code ici

});

Dans cet code, la fonction à l'intérieur de la méthode .on () sera exécutée chaque fois qu'un événement de copie se produit sur cet élément.

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal