angularJs的事件处理指令测试和代码整理
程序员文章站
2022-05-29 12:54:48
angularjs的事件处理指令测试如下:
今天统一用到的javascript代码如下:
1 var m = angular.module('app', []);
2...
angularjs的事件处理指令测试如下:
今天统一用到的javascript代码如下:
1 var m = angular.module('app', []); 2 m.controller('ctrl', ['$scope', function($scope){ 3 $scope.data = '赵一鸣技术博客'; 4 $scope.func = function(){ 5 alert($scope.data); 6 } 7 }]);
html中的angularjs指令代码:
1、鼠标点击事件:
<input type="text" ng-click="func()"/>
2、鼠标滑过事件:
<input type="text" ng-mouseover="func()"/>
3、鼠标滑出事件:
<input type="text" ng-mouseout="func()"/>
4、鼠标按下事件:
<input type="text" ng-mousedown="func()"/>
5、鼠标抬起事件:
<input type="text" ng-mouseup="func()"/>
6、鼠标双击事件:
<input type="text" ng-dblclick="func()"/>
7、获得焦点事件:
<input type="text" ng-focus="func()"/>
8、失去焦点事件:
<input type="text" ng-blur="func()"/>
9、表单内容改变:
<input type="text" ng-change="func()" ng-model="title"/>
注意,使用ng-change的时候,一定要加ng-model,否则会报错。
上一篇: jquery编程开发中如何实现的下拉和收缩效果示例
下一篇: 线程的并发工具类
推荐阅读
-
angularJs的事件处理指令测试和代码整理
-
单击和双击事件的冲突处理示例代码
-
M1处理器Mac编译代码测试:速度和8万元的Intel电脑一样快
-
angularJs的事件处理指令测试和代码整理
-
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码_javascript技巧
-
单击和双击事件的冲突处理示例代码_jquery
-
单击和双击事件的冲突处理示例代码_jquery
-
angularjs中如何实现控制器和指令之间交互的实例代码
-
同时兼容IE和FireFox的事件处理event代码--添加文件上传例子
-
angularjs中如何实现控制器和指令之间交互的实例代码