【Anglarjs文書翻訳と実例】DOMイベント

4634 ワード

angglar.js javascript

Anglarjsの中でDOM事件に関する属性を整理してください.この文書は1.4.8英語の文書に基づいて整理されています.
約束:この文の中でngXxxはng-xxx属性名を表します.
ngBlur
使い方

...

パラメータ
パラメータ
タイプ
詳細
ngBlur
expression
表式はフォーカスを失うとトリガされます.イベントオブジェクトは$イベントと同じです.
ngFocus
使い方

...

パラメータ
パラメータ
タイプ
詳細
ngFocus
expression
フォーカスが得られたときにトリガされる表現(イベントオブジェクトは$eventと同じように取得できます.)
チャン・チャン
使い方

...

パラメータ
パラメータ
タイプ
詳細
チャン・チャン
expression
表式は、inputコントロールが変更されたときにトリガされます.
ngChecked
使い方

...

パラメータ
パラメータ
タイプ
詳細
ngChecked
expression
表式が本当であれば、要素にcheced属性を設定します.
ngClick
使い方

...

パラメータ
パラメータ
タイプ
詳細
ngClick
expression
クリックしたときにトリガ式(イベントオブジェクトは$イベントと同じ)
ngKeydown/gKeyperres/ngKeyup
使い方


...


...


...

パラメータ
パラメータ
タイプ
詳細
ドンキーダウン
expression
式は、キーを押した時にトリガされます.
ngKeyress
expression
式は、キーを押した時にトリガされます.
ドンキー
expression
式は、キーのリリース時にトリガされます.
ngMousewn/ngMouseup
使い方


...


...

パラメータ
パラメータ
タイプ
詳細
ngMousewn
expression
表式はマウスを押した時にトリガされます.イベントオブジェクトは$イベントと同じです.
ngMouseup
expression
表式はマウスのリリース時にトリガされます.イベントオブジェクトは$イベントと同じです.
ngMouseenter/ngMousemove
使い方


...


...

パラメータ
パラメータ
タイプ
詳細
ngMouseenter
expression
表式はマウスが要素に入る時にトリガされます.イベントオブジェクトは$イベントと同じです.
ゲームオーバー
expression
表式はマウスで要素を移動する際にトリガされます.イベントオブジェクトは$イベントと同じです.
ngMouseover/ngMouseleave
使い方


...


...

パラメータ
パラメータ
タイプ
詳細
ngMouseover
expression
表式は、マウスが要素を通過したときにトリガされます.イベントオブジェクトは$イベントと同じです.
ngMouseleave
expression
表式はマウスが離れる時にトリガされます.イベントオブジェクトは$イベントと同じです.
ngSelected
使い方

パラメータ
パラメータ
タイプ
詳細
ngSelected
expression
表式が本当の場合、selected属性は要素に設定されます.
ng Submit
使い方

...

パラメータ
パラメータ
タイプ
詳細
ng Submit
expression
フォームを送信すると、式がトリガーされます.イベントオブジェクトは$イベントと同じです.
総合的な実例
htmlコード


    
        
            
        
        
            touch me
        
        
            
        
        
            msg1:{{changeStatus}},content:{{change}}
        
        
            
            
        
        
            change status of select

jsコード

angular.module('myapp', [])
    .controller('formCtrl', function($scope) {
        $scope.change = 'change me';
        $scope.changeStatus = 'no change';
        $scope.isStatus = false;
        $scope.option = false;

        $scope.changeEvent = function() {
            $scope.changeStatus = 'be changed';
        }

        $scope.btnClickChangeCheckboxEvent = function() {
            $scope.isStatus = !$scope.isStatus;
        }
    });

DEMO住所:https://jsfiddle.net/Lionney/vLkoz9d3/
問題があれば、ご指摘ください.

[JavaScript]Object.create