Intercept paste event in Javascript

by

You can intercept the paste event by attaching an “onpaste” handler and get the pasted text by using “window.clipboardData.getData('Text')” in IE or “event.clipboardData.getData('text/plain')” in other browsers.

For example:

var myElement = document.getElementById('pasteElement');
myElement.onpaste = function(e) {
  var pastedText = undefined;
  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); // Process and handle text...
  return false; // Prevent the default handler from running.
};

As @pimvdb notes, you will need to use “e.originalEvent.clipboardData” if using jQuery.

More Related Contents:

  1. jQuery bind to Paste Event, how to get the content of the paste
  2. Remove element by id
  3. Check if an image is loaded (no errors) with jQuery
  4. onKeyPress Vs. onKeyUp and onKeyDown
  5. Javascript/DOM: How to remove all event listeners of a DOM object?
  6. Why is the value of my input always empty if I store it in a variable?
  7. How can I loop through ALL DOM elements on a page?
  8. Manipulating innerHTML removes the event handler of a child element? [duplicate]
  9. What is the “hasClass” function with plain JavaScript?
  10. In Javascript, can you extend the DOM?
  11. How to copy a DOM node with event listeners?
  12. AngularJS: How to run additional code after AngularJS has rendered a template?
  13. Does javascript process using an elastic racetrack algorithm
  14. Setting focus to iframe contents
  15. Get DocType of an HTML as string with Javascript
  16. Does the onchange event propagate?
  17. Change ‘s option and trigger events with JavaScript
  18. Is there any “on DOM change” event? [duplicate]
  19. Can I apply CSS to the elements within an iframe?
  20. Changing the order of elements
  21. createElement vs. createElementNS
  22. DOM / pure JavaScript solution to jQuery.closest() implementation?
  23. getElementsByClassName() with two classes
  24. What is the difference between `firstChild` and `firstElementChild`?
  25. Javascript DOM: Setting custom DOM element properties
  26. Disable drop paste in HTML input fields? [duplicate]
  27. JavaScript: get the current executing node? [duplicate]
  28. How do I find the DOM node that is at a given (X,Y) position? (Hit test)
  29. Dynamically generated table – using an array to fill in TD values
  30. Why is iframe.contentWindow == null?

Leave a Comment