A Wired.com user account lets you create, edit and comment on Webmonkey articles. You will also be able to contribute to the Wired How-To Wiki and comment on news stories at Wired.com.
It's fast and free.
processing...Retrieve Sign In
Please enter your e-mail address or username below. Your username and password will be sent to the e-mail address you provided us.
processing...Welcome to Webmonkey
- edit articles
- add to the code library
- design and write a tutorial
- comment on any Webmonkey article
Sign In Information Sent
JavaScript Event - Cut
/skill level/
/viewed/
This code was written based on a template by John Resig. The original can be found at John Resig's addEvent function website.
The code, and the template, are referred to in Webmonkey's JavaScript Events reference page. In this example, the onCut event fires whenever a form field's contents are cut with the user's local cut function (ctrl-x, edit menu, or contextual menu). The event can also be attached to the window object to catch cutting anywhere on the page.
This code is in a wiki. If you have any advances to make to the original tutorial and code, please feel free to contribute.
The Code
<html>
<head>
<script>
// addEvent function by John Resig:
// http://ejohn.org/projects/flexible-javascript-events/
function addEvent( obj, type, fn ) {
if ( obj.attachEvent ) {
obj['e'+type+fn] = fn;
obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
obj.attachEvent( 'on'+type, obj[type+fn] );
} else
obj.addEventListener( type, fn, false );
}
</script>
</head>
<body>
<!-- HTML for example event goes here -->
<input id="myinput" type="text" value="Cut this text" />
<script>
// Script for example event goes here
addEvent(document.getElementById('myinput'), 'cut', function(event) {
var txtbox = event.target;
var selectedText = txtbox.value.substr(txtbox.selectionStart, txtbox.selectionEnd - txtbox.selectionStart);
alert('You cut some text: ' + selectedText);
});
</script>
</body>
</html>
What it Looks Like
- This page was last modified 00:47, 23 September 2008.
Special Offer For Webmonkey Users
WIRED magazine:
The first word on how technology is changing our world.
Registration on or use of this site constitutes acceptance of our User Agreement (Revised 4/2/2009) and Privacy Policy (Revised 4/2/2009).
Wired.com © 2009 Condé Nast Digital. All rights reserved.
The material on this site may not be reproduced, distributed, transmitted, cached or otherwise used, except with the prior written permission of Condé Nast Digital.