2

nightmare.js 中的 Type 方法将文本分配给输入控件的 value 属性。由于此实现 keydown，keypress 事件不会在您尝试抓取的页面上触发。有什么方法可以在“类型”之后发送 keydown 事件？

编辑 1-

这是一个使用 jQuery 发送事件的示例，它也不起作用 -

var Nightmare = require('nightmare');
var vo = require('vo');
var nightmare = Nightmare();

vo(run)(function(err, result) {
  if (err) throw err;
});

function *run() {

  var title = yield nightmare
    .goto('http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes')
    .type('#txtChar','\n')
    .evaluate(function() {
      var e = $.Event( "keypress", { which: 13 } );
        $('#txtChar').trigger(e);
        return "Key you pressed is : " + $('#txtChar').val();
    });

  yield  nightmare.pdf('type.pdf');
  setTimeout(function () {
    console.log( ' ' + title);
    nightmare.end();
    process.exit();
  },2000);
}

编辑 2-

使用 unicode 等效键作为类型方法的参数会以某种方式调用附加事件，不完全确定这个 hack 是如何工作的，但它确实有效！

这是工作示例-

var Nightmare = require('nightmare');
var vo = require('vo');
var nightmare = Nightmare();

vo(run)(function(err, result) {
  if (err) throw err;
});

function *run() {

  var title = yield nightmare
    .goto('http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes')
    .type('#txtChar','1') //so we have focus on textbox
    .type('document', '\u000d')
    .evaluate(function() {
        return "Key you pressed is : " + $('#txtChar').val();
    });

  yield  nightmare.pdf('type.pdf');
  setTimeout(function () {
    console.log( ' ' + title);
    nightmare.end();
    process.exit();
  },2000);
}
4

1 回答 1

1

您可以使用纯 JS 或 jQuery 评估页面并发送 keydown 事件，jQuery 是最简单的方法，但它最容易被注入。

使用 jQuery：

.inject('js', '/jquery-2.1.4.min.js')
.evaluate(function () {
    var e = $.Event( "keypress", { which: 13 } );
    $('#yourInput').trigger(e);
});

编辑：看起来 Nightmare 支持触发关键事件。看看https://github.com/segmentio/nightmare/issues/244和https://github.com/segmentio/nightmare/issues/147。

EDIT2：不，应该是.type('document', '\u000d'). 得到了错误的 unicode 字符。

于 2016-01-23T19:53:52.113 回答