javascript - 输入上的 jQuery 触发器 keyup 获取旧值

Question

我尝试在 qunit 测试中手动触发 key-up 事件，但失败，因为手动触发 key-up 事件不会更改输入值。

http://jsfiddle.net/Re9bj/4/

$('input').on('keyup', function (event) {
    $('div').html($('input').val());
});

var e = $.Event('keyup', {
    keycode: 68
});
$('input').trigger(e); //this trigger will not change the input value

这个触发器可以工作，但问题是输入值永远不会改变。

Answer 1

您无法使用简单的触发器添加 Angular 色。触发器只会触发事件，但不会触发默认行为。你需要模拟它。

为此，您可以使用以下代码:

if(event.isTrigger && event.keycode) this.value +=  String.fromCharCode(event.keycode);

它将检查事件是否被触发，然后打印值。

最终代码:

$('input').on('keyup', function (event) {
    if(event.isTrigger && event.keycode) this.value +=  String.fromCharCode(event.keycode);
    $('div').html($('input').val());
});

var e = $.Event('keyup', {
    keycode: 68
});
$('input').trigger(e);

fiddle :http://jsfiddle.net/Re9bj/9/