如何使用Javascript键入输入框?

时间:2018-03-29 10:30:17

标签: javascript jquery

对于单元测试,我需要使用Javascript按输入框上的一个键,以便输入值可以更新。

以下是示例

将光标移动到输入值的末尾后,我想使用Javascript在值的末尾键入数字1。

// moving cursor to end of value
val inputVal = $target.val(); // current value 1
$target.val('').val(inputVal);

// now the cursor is end of the value

// using Javascript, typing 1 into input box, so that the value should be 11 

// not working, it couldn't update input value
$target[0].dispatchEvent(new KeyboardEvent('keydown',{'key':'1'}))

我想测试移动光标和更新值,所以我不想直接更新输入值,

$target.val(11);

有什么方法可以模拟使用Javascript按输入框上的键吗?

对于测试,我使用的是非常旧版本的jQuery1.3,所以如果可以,我想不用jQuery库。

2 个答案:

答案 0 :(得分:0)

使用像这样的新值追加退出值 -

$('[name="aadhar_no"]').val($('[name="aadhar_no"]').val()+'1');

希望这个例子对你有所帮助。

答案 1 :(得分:0)

您可以使用HTML和Javascript执行此操作:



document.getElementById('test').value = 'Test Value';

<div>
  <h3>Type using Javascript</h3>
  <input type="text" name="test" id="test" />
</div>
&#13;
&#13;
&#13;