代码之家 › 专栏 › 技术社区 › Reza

如何创建角度包含位置属性的MouseEvent

events angular javascript

Reza · 技术社区 · 6 年前

我需要在按钮和更改事件上捕获单击事件 type 只是再派一次

下面类似于jquery中的内容,但我想从角度进行

button.on("click", function(event) {
              var newEvent = $.extend({}, event, { type: "dxcontextmenu" });
              event.stopPropagation();
              $(this).trigger(newEvent);
            });

我能做到 dispatchEvent 但是 Event 或 MouseEvent 构造函数没有的参数 screenX 或 clientX 或者…

我试过用扩频器或者 Object.Assign 但是只有 isTrusted 和 类型 将复制属性。

我的代码是

onClick(event:any) {
    event.stopPropagation();

        console.log(event);

        const newEvent = Object.assign({}, event, { type: 'dxcontextmenu' });
        console.log(newEvent);
        event.target.dispatchEvent(newEvent);

    // event.target.dispatchEvent(new Event('dxcontextmenu', { bubbles: true }));

  }

这就是 stackblitz 链接到它

1 回复 | 直到 6 年前

Reza 6 年前

openContextMenu(event: MouseEvent)
{
    if (event.target)
    {
        const newEvent = new MouseEvent('dxcontextmenu', { bubbles: true });
        newEvent.initMouseEvent(
            'dxcontextmenu',
            true,
            false,
            event.view,
            event.detail,
            event.screenX,
            event.screenY,
            event.clientX,
            event.clientY,
            event.ctrlKey,
            event.altKey,
            event.shiftKey,
            event.metaKey,
            event.button,
            event.relatedTarget
        );

        event.stopPropagation();
        event.target.dispatchEvent(newEvent);
    }
}

推荐文章

Pikachu620 · 可以对事件列表进行排序吗?

2 年前

Daavee18 · 节点。未设置“数据”侦听器时,js http模块未关闭连接

2 年前

Ahsan Sajid · 我试图解决以下挑战,但在ADDEVENTLISTNER中仍停留在函数调用上。帮助我

2 年前

makerbaker · 取消选中框Javascript后重置输入值?

2 年前

sam_rox · 在Matlab ODE中使用事件内部的两个条件

6 年前

Santosh · javafx中的按键事件

6 年前

KarLito · 删除或切换Highcharts上的事件

6 年前

JWoods4 · 读取击键并放入文本框

6 年前

user7171623 · 具有匿名函数的事件侦听器(typeError,toggle undefined)

6 年前

Everett Kaser · 在事件处理程序中绘制到NSView

6 年前