执行事件获取数据
<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的区别在于反应的快慢
