angularjs 오른쪽 단추 이벤트

1250 단어 angularjs

마우스 오른쪽 버튼 이벤트 사용자 정의:

app.directive('ngRightClick',function($parse){
    return function (scope,element,attrs){
        var fn = $parse(attrs.ngRightClick);
        element.bind('contextmenu',function(event){
            event.preventDefault();
            fn(scope,{$event:event});
        })
    }
})

프론트 데스크 페이지에서 이벤트를 촉발할 수 있습니다.


백그라운드 JS 코드:

$scope.isShow = false;
$scope.meau = function(element){
    var e = element || window.event;
    $scope.menuPosition = {
        top:e.clientY+"px",
        left:e.clientX+"px",
        position:"fixed"
    };
    $scope.safeApply();
    $scope.isShow = !$scope.isShow;
}	

$scope.cancelRight = function(){
    window.event.returnValue = false;
    return false;
}

위 코드는 포지셔닝 효과가 있는 "새로운" "삭제" "수정" 메뉴가 오른쪽 단추로 나타나고 페이지의 오른쪽 단추 메뉴를 취소합니다.

좋은 웹페이지 즐겨찾기