capture paste event / pasted html - javascript

Question

I'd like to capture the pasted html in both mozilla and ie and then, before the paste event occurs, I'd like to modify it. Any suggestions?

lol. I'm building my own wysiwyg editor and it's to have sane results when people paste stuff on the editor. For instance, I'd like to remove all those font tags that ie generates while pasting, or those style attributes which both browsers generate :) — Shaokan
– Shaokan, Commented Apr 22, 2011 at 12:14

Community · Accepted Answer · 2017-05-23 10:29:12Z

4

You can do it, but it's hacky. You have to essentially redirect the paste to an off-screen element. Here's my answer to a similar question: JavaScript get clipboard data on paste event (Cross browser)

edited May 23, 2017 at 10:29

CommunityBot

11 silver badge

answered Apr 22, 2011 at 12:51

Tim Down

326k76 gold badges461 silver badges546 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Viral Jain · Accepted Answer · 2013-07-23 09:56:10Z

2

Here's a small - neat - jQuery snippet for the capturing Cut/Copy/Paste events:

$("#Text1").bind('cut copy paste', function(e) {
    alert(e.type + ' text!'); //Alerts the Cut/Copy/Paste event        
});

Source: http://www.devcurry.com/2009/07/detect-copy-paste-and-cut-operations-on.html

answered Jul 23, 2013 at 9:56

Viral Jain

1,0141 gold badge15 silver badges31 bronze badges

1 Comment

Griffin Over a year ago

In a fit of extreme laziness, I fill the event handler with "setTimeout($(e.target).change(), 0);", since my change event already handles all sanitization. Of course, ours is an internal tool, so has no client exposure.

Collectives™ on Stack Overflow

capture paste event / pasted html - javascript

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related