javascript - 如何将具有只读成员的javascript对象复制到非只读成员？

Question

我有一个 javascript 对象，特别是 MouseEvent 对象:

    $('#my_container').bind('mousemove', function(e) {
    if (someCondition) {
        e.pageX = calcNewPageX
    }
}});

我需要更改此对象的 pageX 属性，但它是只读的，因此我在控制台中收到此错误:

Uncaught TypeError: Cannot set property pageX of # which has only a getter

所以我尝试将其复制到一个新对象并使用 jQuery 的扩展更改 pageX 属性，如下所示:

var copiedEvent = $.extend(true, { pageX: 500 }, e);

但我仍然遇到同样的错误。

如何复制 MouseEvent 对象并将新复制对象的 pageX 属性设置为我自己的属性？我错过了什么或做错了什么？

Answer 1

使用旧事件的new Event构造一个新事件并修改这些值:

var newEvent = new Event(e);
newEvent.pageX = calcNewPageX();

引用号:https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events