Add helper for listening to jQuery events

This helper can be used when another module registers $.event.special events and you need to listen to those events with can-dom-events.

can-dom-events-test.js

@@ -163,4 +163,5 @@ unit.test('domEvents.addDelegateListener handles document correctly', function (
 require('./helpers/make-event-registry-test');
 require('./helpers/add-event-compat-test');
 require('./helpers/add-event-jquery-test');
+require('./helpers/add-jquery-events-test');
 require('./helpers/util-test');

helpers/add-jquery-events-test.js

@@ -0,0 +1,32 @@
+var unit = require('steal-qunit');
+var $ = require('jquery');
+var addEvents = require('./add-jquery-events');
+var domEvents = require('../can-dom-events');
+
+unit.module('add-jquery-events');
+
+unit.test('should work with the jQuery', function (assert) {
+	assert.expect(3);
+
+	var divElement = document.createElement('div');
+
+	var eventType = 'draginit';
+	var handler = function (event) {
+		assert.equal(event.target, divElement, 'div should be the target');
+		assert.equal(event.type, eventType, 'event type should match custom event type');
+		assert.equal(event.handleObj.handler, handler, 'callback should be the passed handler');
+	};
+
+	// Set up the special event
+	$.event.special[eventType] = {};
+
+	// Bridge can-dom-events + jQuery
+	var removeEvents = addEvents($);
+
+	// Listen to and trigger the event; handler should run
+	domEvents.addEventListener(divElement, eventType, handler);
+	$(divElement).trigger(eventType);
+
+	// Clean up after ourselves :)
+	removeEvents();
+});

helpers/add-jquery-events.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var domEvents = require('../can-dom-events');
+
+module.exports = function addJQueryEvents(jQuery) {
+	var jQueryEvents = jQuery.event.special;
+	var removeEvents = [];
+
+	for (var eventType in jQueryEvents) {
+		var eventDefinition = {
+			defaultEventType: eventType,
+			addEventListener: function (target, eventType, handler) {
+				$(target).on(eventType, handler);
+			},
+			removeEventListener: function (target, eventType, handler) {
+				$(target).off(eventType, handler);
+			}
+		};
+		var removeEvent = domEvents.addEvent(eventDefinition);
+		removeEvents.push(removeEvent);
+	}
+
+	return function removeJQueryEvents() {
+		removeEvents.forEach(function(removeEvent) {
+			removeEvent();
+		});
+	};
+};