Вставьте eventListener, не работающий в конденсат, используя jquery

Question

Я пытаюсь обработать событие EventListener для вставки, используя jquery, но кажется, что я не могу заставить его работать.

Ниже мой код:

function handlePaste (e) {
        var clipboardData, pastedData;

        // Stop data actually being pasted into div
        e.stopPropagation();
    e.preventDefault();

        // Get pasted data via clipboard API
    clipboardData = e.clipboardData || window.clipboardData;
    pastedData = clipboardData.getData('Text');

    // Do whatever with pasteddata
    alert(pastedData);
}

Если я это сделаю вместо этого он работает отлично.

document.getElementById('editableDiv').addEventListener('paste', handlePaste);

Но если я это сделаю, он перестанет работать.

$('#editableDiv').on('paste',function(event){
handlePaste(event);
});

Какую часть я делаю неправильно?

Answer 1

В обработчике событий jquery вы должны передать originalEvent свойство объекта event:

$('#editableDiv').on('paste',function(event){
  handlePaste(event.originalEvent);
});

Answer 2

function handlePaste(e) {
        var clipboardData, pastedData;

        // Stop data actually being pasted into div
        e.stopPropagation();
    e.preventDefault();

        // Get pasted data via clipboard API
    clipboardData = e.clipboardData || window.clipboardData;
    console.log(clipboardData)
    pastedData = clipboardData.getData('Text');

    // Do whatever with pasteddata
    alert(pastedData);
}

$(document).on('paste', '#editableDiv', function (e) {

handlePaste(e.originalEvent)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>