如何在JavaScript中模拟/触发tab的keydown?

时间:2014-07-30 14:01:28

标签: javascript javascript-events automation

我试图在JavaScript中触发tab键的键控。

场景: 2个HTML输入元素。最初焦点在第一个输入,然后等待3秒,然后模拟按Tab键,这应该将焦点设置为第二个输入。

问题:调度tab keydown事件无效。

小提琴:

我正在使用JavaScript解决方案。没有jQuery谢谢。

使用以下simulant.js的小提琴示例:

HTML:

<input id="first">
<input id="second">
<p>Dispatching Tab keydown event in 3 seconds... <span id="done" style="color:red"></span></p>

JavaScript的:

//simulates keydown of the tab key
function simulateTab() {
    var TAB_KEY = 9;    
    simulant.fire(document, 'keydown', { keyCode: TAB_KEY });
}

//focus 'first' input
document.getElementById('first').focus();

//focus 'second' input after 3 seconds
setTimeout(function(){
    simulateTab();
    document.getElementById('done').innerHTML = 'Done!';
}, 3000);

0 个答案:

没有答案