Vue: 鼠标修饰符@ click.right不起作用

创建于 2017-03-30  ·  11评论  ·  资料来源: vuejs/vue

2.2.1

复制链接

https://jsfiddle.net/nosferatu79/z1jhpewo/

重现步骤

用鼠标右键单击文本区域

期望什么?

它应该在文本区域中添加以下文本:

上下文菜单

实际发生了什么?

只有文字:

上下文菜单

最有用的评论

嗯,也许click.right contextmenu在编译时应该别名为

所有11条评论

抱歉,我会尝试使用> 2.2.1版本,

谢谢

抱歉,但是在此更新版本中,它也不起作用:
https://jsfiddle.net/z1jhpewo/1/

@stefanonepa
对不起,这是我的错

@stefanonepa
也许你需要mousedown事件
https://javascript.info/mouse-events-basics

@Kingwl我不确定此文档是否非常可靠,因为在此处的解释中: https: //javascript.info/mouse-events-basics#complex -events,它表示在鼠标按下时触发了contextmenu(并且在例如,如果您只是右键单击按钮,则不会编写contextmenu)...

换句话说,它说在mousedown之后有mouseup时会触发click事件。

@click.right

应该可行,您不同意吗?

@stefanonepa
https://www.w3.org/TR/uievents/#event -type-click

仅对主指针按钮触发click事件(即,当按钮值为0时,按钮值为1)。 辅助按钮(如标准鼠标的中键或右键)不得触发点击事件。 在单击事件之前,可以在同一元素上单击mousedown和mouseup事件,而不考虑其他节点类型(例如,文本节点)之间的更改。 根据环境配置,如果在按下和释放指针设备按钮之间发生以下一种或多种事件类型mouseover,mousemove和mouseout,则可以调度click事件。 点击事件也可以跟在dblclick事件之后。

@Kingwl感谢您的标准设置(即使对我来说有点

但是,我应该如何解释或使用“鼠标按钮修饰符”的.right (请参阅https://vuejs.org/v2/guide/events.html#Mouse-Button-Modifiers)? 因为使用@click.middle会触发点击事件...也许我应该建议在官方文档中添加一些信息?

嗯,也许click.right contextmenu在编译时应该别名为

太好了!

谢谢@ yyx990803

此页面是否有帮助?
0 / 5 - 0 等级