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

JQUERY CAPTURE COPY, COLER ET COUPE

William Shakespeare
William Shakespeareoriginal
2025-03-04 00:33:10802parcourir

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>

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:
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