您的位置：首页 > Web前端 > AngularJS

Cordova学习笔记 事件的简单使用

2017-03-12 22:47 344 查看 
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<script src="js/angular.js"></script>
<script type="application/javascript">
(function(angular) {
'use strict';
angular.module('myApp', [])
.controller('firstController', function firstController($scope,$timeout) {
$scope.myclick = function(){
alert('ok');
}
$scope.mydbclick = function(){
alert('double click');
}
$scope.checkform = function(){
alert('提交');
}
$scope.mychange = function(){
alert('ok');
}
$scope.mycopy = function (){
alert('copy');
}
$scope.mypaste = function(){
alert('do paste');
}
$scope.mycut = function(){
alert('do cut');
}
});
})(window.angular);
</script>
</head>
<body >
<div ng-app="myApp">
<div ng-controller="firstController">
<div ng-click="myclick()">点击</div>
<div ng-dblclick="mydbclick()">双击</div>
<form name="testform" ng-submit="checkform()" target="_blank" action="http://www.baidu.com" method="get">
<input type="submit" name="submit" value="提交form">
</form>

<input type="checkbox" ng-model="sel"/>
<select>
<option>1</option>
<option ng-selected="sel">2</option>
</select>

<input  value="" name="test" ng-change="mychange()" ng-model="ch"/>
`ch`<!--这个加载很快时 会出现-->
<div ng-bind="ch"></div><!--下面这个这不会-->
<div ng-cloak >`ch`</div><!--下面这个这不会-->
<div ng-non-bindable>`ch`</div>
<br/>
<input value="" name="test2" ng-copy="mycopy()" />
<br/>
<input value="" name="test3" ng-paste="mypaste()"/>
<input value="121" name="test4" ng-cut="mycut()"/>
</div>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  事件 angular
相关文章推荐
新的分享
章节导航