Namespacing events

Makes it easier to on/off particular events.

by Steven Senkus

HTML

<input id="target" type="text" />
<button type="button">Remove "blur.toggle-event" from input</button>
<pre ></pre>

JavaScript

$('#target').on('blur', function() {
    $('pre').append($(this).val() + '\n');
});

$('#target').on('blur.toggle-event', function() {
    $('pre').append('<span style="color:#f00;">'+ $(this).val() + '</span>\n');
});

$('button').on('click', function() {
    $('#target').off('blur.toggle-event');

})