这个问题是因为<td>在<tr>里面，那么每次你推你的<td>的时候<tr>事件也会被调用，你可以尝试把longpress选项放到<tr>里面，把(click)用到<td>里面
就像这样：

<tr longPress (mouseLongPress)="update(list.Item)">
  <td style="width:5%" (click)="delete(list.Item)">
    <a title="Delete"> Test </a>
  </td>
</tr>

字符串

您需要使用stopPropagation来阻止事件向上冒泡并触发其他事件！

import { Component } from '@angular/core';
import { bootstrapApplication } from '@angular/platform-browser';
import 'zone.js';

@Component({
  selector: 'app-root',
  standalone: true,
  template: `
        <table>
        <tr>
            <th class="sticky">No.</th>
            <th class="sticky">Firstname</th>
            <th class="sticky">Lastname</th>
            <th class="sticky">Age</th>
        </tr>
        <tr (click)="rowClick($event)">
            <td (click)="cellClick($event)">1</td>
            <td (click)="cellClick($event)">Jill</td>
            <td (click)="cellClick($event)">Smith</td>
            <td (click)="cellClick($event)">50</td>
        </tr>
        <tr (click)="rowClick($event)">
            <td (click)="cellClick($event)">1</td>
            <td (click)="cellClick($event)">Eve</td>
            <td (click)="cellClick($event)">Jackson</td>
            <td (click)="cellClick($event)">94</td>
        </tr>
        <tr (click)="rowClick($event)">
            <td (click)="cellClick($event)">1</td>
            <td (click)="cellClick($event)">Alfreds Futterkiste</td>
            <td (click)="cellClick($event)">Maria Anders</td>
            <td (click)="cellClick($event)">Germany</td>
        </tr>
    </table>

  `,
})
export class App {
  name = 'Angular';

  rowClick(event: Event) {
    console.log('row click');
  }
  cellClick(event: Event) {
    event.stopPropagation();
    console.log('cell click');
  }
}

bootstrapApplication(App);

字符串
stackblitz