Question

我正在使用

sources.DOM.select('document').events('keydown')
  .map(ev => Object.assign({}, ev, {type: 'keydown'}))

，但是结果流为对象提供的只是“ isTrusted”属性（而不是“ key”，“ code”等）。相反，通过“ mousemove”，我得到了预期的事件（使用“ isTrusted”但也使用“ movementX”，“ movementY”等）。怎么了？

Answer 1

您是对的，不是Cycle.js问题，而是Object.assign的局限性。

简单地说-Object.assign不会复制继承的属性。

This answer上的

similar problem提供了一种可行的替代方案：

function main (sources) {
  const vdom$ = sources.DOM.select('document').events('keydown')
    .map(ev => cloneEvent(ev))
    .map(mykey => div('Key pressed: ' + mykey.key + ', code:' + mykey.code))
    .startWith(div('Press a key.'))

  return {
    DOM: vdom$
  }
}

function cloneEvent(e) {
  if (e===undefined || e===null) return undefined;
  function ClonedEvent() {};  
  let clone=new ClonedEvent();
  for (let p in e) {
    let d=Object.getOwnPropertyDescriptor(e, p);
    if (d && (d.get || d.set)) Object.defineProperty(clone, p, d); else clone[p] = e[p];
  }
  Object.setPrototypeOf(clone, e);
  return clone;
}

查看更新后的codepen.io example。

这些SO问答也有助于弄清情况：

Poor Use Case of Object.assign() - Simple Example

Javascript hasOwnProperty always false on Event objects?

无法使用Object.assign获取文档按键事件

1 个答案: