在文本区域元素Angularjs中触发oncontextmenu事件

<textarea ng-model="textAreaContent" ng-contextmenu="showContextMenu($event)"></textarea>

app.controller('myController', function($scope) {
  $scope.showContextMenu = function(event) {
    // 在这里编写右键菜单的显示和操作逻辑
  };
});

$scope.showContextMenu = function(event) {
  event.preventDefault(); // 阻止默认的右键菜单显示

  // 获取鼠标点击位置的坐标
  var x = event.clientX;
  var y = event.clientY;

  // 根据坐标设置右键菜单的位置
  $scope.contextMenuStyle = {
    top: y + 'px',
    left: x + 'px'
  };

  // 显示右键菜单
  $scope.showMenu = true;
};

$scope.hideContextMenu = function() {
  // 隐藏右键菜单
  $scope.showMenu = false;
};

$scope.menuItemClick = function(item) {
  // 处理菜单项的点击事件
  console.log('点击了菜单项：' + item);
};

<div class="context-menu" ng-show="showMenu" ng-style="contextMenuStyle">
  <div ng-repeat="item in menuItems" ng-click="menuItemClick(item)">{{item}}</div>
</div>

$scope.menuItems = ['复制', '粘贴', '剪切'];