html事件写法

[deepthan]

html事件写法

angular中事件的写法格式是

<p (eventName)="yourEventName()"></p>

1. 点击事件写法及说明

<a  (click)='onClick()'> 点击事件  </a> 

• click表示我们要处理这个a的点击事件，
• () 圆括号是说发生此事件时，调用等号后面的表达式或函数。
• 等号后面的 onClick() 是我们定义在组件中的函数名字。

2. 右键点击自定义菜单

在html元素中绑定右击事件

<div  (contextmenu)="onRightClick($event)">我是一个节点</div>

在js中定义事件处理方法，其中event.preventDefault()可以阻止默认右键菜单的出现。

onRightClick(event) {
    event.preventDefault();
    console.log("右键点击了");
}