Question

0

Paste event listener on Internet Explorer getting wrong arguments

rated 0 times [ 1] [ 1] / answers: 1 / hits: 17817 / 9 Years ago, fri, may 8, 2015, 12:00:00

I'm handling the paste events for a contenteditable to clean all HTML markers before paste. All Works fine in Firefox and Chrome. But when I test my code in IE11, the event object passed is not a ClipboardEvent but a DragEvent.

Is there something wrong with my code?
If I add the listener as the code bellow, should I get the clipboard event. Why I'm getting drag?

editable.addEventListener('paste', pasteHandler, false);

http://jsfiddle.net/vepo/4t2ofv8n/

To test the example above, I'm copy a text from Chrome and paste into IE. But I you copy any text from IE will get the same error.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

clarkulisesa

Add To Favorites

Follow

Total Points: 422

Total Questions: 93

Total Answers: 112

Location: Austria

Member since Thu, Jan 7, 2021

3 Years ago

clarkulisesa questions

1 Google BigQuery Error: Syntax error: Illegal input character %

Fri, Sep 18, 20, 00:00, 4 Years ago

1 how to change state of a react component from another component

Mon, Jun 22, 20, 00:00, 4 Years ago

1 How to compare objects using lodash regardless on their order

Tue, Jun 16, 20, 00:00, 4 Years ago

1 How to listen sortChange(event) on Angular for ag-Grid?

Mon, Feb 24, 20, 00:00, 4 Years ago

1 Vue JS provide/inject and Props

Mon, Aug 12, 19, 00:00, 5 Years ago

View All

answered 9 Years ago nicole · Accepted Answer

EDIT

$(document).ready(function(){

    var editable = document.getElementById('editable-div');

    var pasteHandler = function(e){

        if(e.clipboardData && e.clipboardData.getData) {

            var pastedText = ;

            if (window.clipboardData && window.clipboardData.getData) { // IE

                pastedText = window.clipboardData.getData('Text');

            } else if (e.clipboardData && e.clipboardData.getData) {

                pastedText = e.clipboardData.getData('text/plain');

            }



            alert(pastedText);

        }

        else{

            alert('Not paste object!');

        }

    };

    editable.addEventListener('paste', pasteHandler, false);

});

here I handle the IE Version and the other browsers as well.

JSFiddle