Heim >Web-Frontend >js-Tutorial >JQuery Capture Copy Copy, Einfügen und Ausschneiden von Ereignissen

JQuery Capture Copy Copy, Einfügen und Ausschneiden von Ereignissen

William Shakespeare
William ShakespeareOriginal
2025-03-04 00:33:10796Durchsuche

jQuery Capture Copy, Paste and Cut Events

JQuery Capture Copy Copy, Einfügen und Ausschneiden von Ereignissen

Auf diese Weise können Sie erfassen, wenn jemand kopiert, geschnitten oder in einen Eingabettextbereich eingefügt hat.

Demo

Text kopieren, schneiden oder einfügen von/in den folgenden Textbereich.

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

Häufig gestellte Fragen zu JQuery Capture, kopieren, einfügen und Ereignisse ausschneiden

Wie kann ich das Paste -Ereignis in jQuery binden? Sie können die Methode .on () verwenden, um das Paste -Ereignis an ein Element zu binden. Hier ist ein einfaches Beispiel:

$ (" #YourElement"). On ('paste', Funktion (e) {
// Ihr Code hier
})
In diesem Code ist #YOURElement die ID des HTML -Elements, an das Sie das Paste -Ereignis binden möchten. Die Funktion in der .on () -Methode wird ausgeführt, wenn ein Einfügeereignis in diesem Element auftritt. Diese Methode gibt den eingefügten Text zurück. Hier ist ein Beispiel:

$ ("#yourelement"). On ('paste', function (e) {

var pasteddata = e.originaleVent.clipboardData.getData ('text'); Pasted. Hier ist ein Beispiel:

var clonedElement = $ ("#yourelement"). Clone ();

In diesem Code wird ClonedElement eine Kopie des Elements mit der ID -ID -IDELIierung sein. Sie können die Methode .on () verwenden, um das Cut -Ereignis an ein Element zu binden. Hier ist ein Beispiel:

$ ("#yourelement"). On ('cut', function (e) {
// Ihr Code hier
});
In diesem Code ist die Funktion innerhalb der .on () -Methode, wenn ein Copy -Ereignis in jQU -Ereignis erfasst wird. JQuery, Sie können die Methode .on () verwenden, um das Kopierereignis an ein Element zu binden. Hier ist ein Beispiel:

$ ("#YourElement"). On ('Copy', Funktion (e) {

// Ihr Code hier

});

In diesem Code wird die Funktion in der .on () -Methode ausgeführt, wenn ein Kopierereignis in diesem Element auftritt.

Das obige ist der detaillierte Inhalt vonJQuery Capture Copy Copy, Einfügen und Ausschneiden von Ereignissen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn