ng 点击事件

执行事件获取数据

<div class="shijian">

　　<p>ng 事件</p>

　　<p><button (click)="run();">执行事件</button></p>

　　<p></p>

　　<p>执行事件获取数据</p>

　　<p><button (click)="getData();">执行事件获取数据</button></p>

　　<p>{{title}}</p>

　　<p></p>

</div>

---

监听键盘事件

HTML 中：

　　<div class="shijian">

　　　　<p>ng 事件</p>

　　　　<p><button (click)="run();">执行事件</button></p>

　　　　<p></p>

　　　　<p>执行事件获取数据</p>

　　　　<p><button (click)="getData();">执行事件获取数据</button></p>

　　　　<p>{{title}}</p>

　　　　<p></p>

　　</div>

　　<div class="key">

　　　　<p>监听键盘的点击事件</p>

　　　　<p></p>

　　　　<p>当鼠标按下回车键的时候给出提示</p>

　　　　<input type="text" (keydown)="keyDown($event)">

　　　　<p></p>

　　　　<input type="text" (keyup)="keyUp($event)">

　　　　<p></p>

　　</div>

 

　　

　　<p>执行方法获取事件对象</p>

　　<p><button (click)="runEvent($event)">执行方法获取事件对象</button></p>

　　<p></p>

ts中：

　　

　　keyDown(e){

　　　// console.log(e.keyCode);

　　　// keyCode 获取键盘的值;

　　　if(e.keyCode==13){

　　　　alert("你按下了Enter键");

　　　　console.log(e.target.value+" 你是使用target.value获取的");

　　　}else{

　　　　alert("你按错了");

　　　}

　　}

　　keyUp(e){

　　　　if(e.keyCode==49){

　　　　　　alert("你按下了！键");

　　　　}else{

　　　　　　alert("错了");

　　　　}

　　}

 

　　

　　runEvent(e){

　　　　var dom:any=e.target;

　　　　dom.style.color="red";

　　}

---

<p>e.target.value是获取输入框中的值</p>

<p>e.keyCode是获取按下键盘的值</p>

 

keydown和keyup的区别在于反应的快慢

 

转载于:https://www.cnblogs.com/rockyjs/p/11250660.html