jQuery Plugin To Select Single Word Within An Element - GetWordByEvent
| File Size: | 4.66 KB |
|---|---|
| Views Total: | 541 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
GetWordByEvent is a simple to use jQuery plugin which allows the user to pick up a single word within a specific element by custom events (click, hover or right-click).
How to use it:
1. Include jQuery library and the jQuery GetWordByEvent plugin on the html page.
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="jquery.get-word-by-event.js"></script>
2. Create an empty element that will output the word you pick up.
<label id="click-label"></label>
3. Pick up a single word on click.
$('p').getWordByEvent('click', function(event, word) {
$('#output').html('Clicked: <b>' + word + '</b>');
});
4. Pick up a single word on right click.
$('p').getWordByEvent('contextmenu', function(event, word) {
event.preventDefault(); // Prevent popup menu
$('#output'').html('Right clicked: <b>' + word + '</b>');
});
5. Pick up a single word on hover.
$('#move-text').getWordByEvent('mousemove', function(event, word) {
$('#output').html('Word under cursor: <b>' + word + '</b>');
});
This awesome jQuery plugin is developed by megahertz. For more Advanced Usages, please check the demo page or visit the official website.





