模拟操作:
- elem.trigger(event);
- elem.triggerHandler(event);
- triggerHandler的不同:
- 不会引起事件的默认行为
- .trigger() 会操作 jQuery 对象匹配的所有元素,而 .triggerHandler() 只影响第一个匹配元素。
- 由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡。
- 该方法的返回的是事件处理函数的返回值,而不是 jQuery 对象。
- triggerHandler的不同:
- $.Event(event); 如果事件需要依赖特定的操作其他操作,则要使用Event,并设置属性:
event = $.Event("keydown"); //keydown event;
event.keyCode = 9;
$doc.trigger(event);//can use triggerHandler() insteadof trigger;
例子:
function keyLogger(target) {
if(!(this instanceof keyLogger)) {
return new keyLogger(target);
};
this.target = target;
this.log = [];
var self = this;
this.target.off("keydown").on("keydown", function(event) {
self.log.push(event.keyCode);
});
} QUnit.test("keylogger api behavior", function(assert) {
var event,
$doc = $(document),
keys = keyLogger($doc); //trigger event
event = $.Event("keydown"); //keydown event;
event.keyCode = 9;
$doc.trigger(event);//can use triggerHandler() insteadof trigger; //verify expected behavior
assert.equal(keys.log.length,1,"a key was logged");
assert.equal(keys.log[0],9,"correct key was logged");
});