javascript - 卡斯珀.js : press key "enter" in an ExtJs input field

Question

我在页面上有一个 ExtJs 文本字段。我在 casper.js 中用一些值填充它，效果很好。
然后我想聚焦这个字段并按 Enter 键，因为没有 <form>围绕它提交。

我尝试的是:

casper.then(function() {
  // the text field is filled with the string
  this.sendKeys('#searchfield', 'some text');

  this.evaluate(function() {
    // this does not put the field in focus        
    document.querySelector('#searchfield').focus();

    // so 'pressing' enter has no effect at all
    var evt = document.createEvent('KeyboardEvent');
    evt.initKeyboardEvent('keypress', true, true, window, 0, 0, 0, 0, 0, 13);
    document.dispatchEvent(evt);
  });
});

你知道如何实现吗？

Answer 1

你的代码

evt.initKeyboardEvent('keypress', true, true, window, 0, 0, 0, 0, 0, 13);

看第四个param，我猜应该是触发元素。这里应该是 document.querySelector('#searchfield') 。

一个提示:在casper evaluate中，final返回一个true，如果evaluate有错误，你会得到null。

var result = this.evaluate(function(){ /*code is here*/ return true;})

检查结果，如果成功