美文网首页
事件处理

事件处理

作者: 嗯嗯_7a53 | 来源:发表于2017-06-07 22:00 被阅读0次
    • 事件处理
    使用方法为:ng-事件名称 = “事件响应方法名称(参数)”
    ## 参数可以自己制定,也可以传入事件对象$event
    
    ## 使用 $scope来去实现事件定义的方法
    $scope.事件名称 = function(参数){
    
    }
    <body ng-app="app" ng-controller="xmgController">
    
    //单击事件 :ng-click = “click($event.'p')”
    <p ng-click="click($event,'p')">请点击我</p>
    
    // 双击事件 : ng-dblClick = “dblClick('dbl')”
    <p ng-dblClick = "dblClick(dbl)">双击</p>
    
    // 鼠标移入移出事件
    <li ng-mouseenter = 'mouserEnter()'>移入移入移入</li>
    
    var app = angular.module('app',[]);
    app.controller('xmlgController',['$scope',function($scope){
    $scope.name = 'xiaohu';
    // 定义事件方法实现 - 1
    $scope.click = function(e,arg){
    alert($scope.name);
    // 下面的this就是$scope
    alert(this.name);
    };
    // 定义事件方法实现 - 2
    $scope.dblClick = function(){
    alert('dbl');
    };
    // 定义事件方法实现 - 3
    $scope.mouserEnter = function(){
    console.log('mouserEnter');
    };
    }]);
    </body>
    

    相关文章

      网友评论

          本文标题:事件处理

          本文链接:https://www.haomeiwen.com/subject/rrnafxtx.html