2018年6月5日 星期二

[JS/Ang]鍵盤偵聽事件、event filter、TS中函式參數的宣告

输入框事件监听(一):keydown、keyup、input -blog.csdn.net/yiifaa 甘焕的博客

這是在學ng時碰到的作業,
直接在 html塞 on***="",以前都沒這樣寫過,為時未晚。

例如:在圖片塞 onclick,點擊後讓自己或其他元件產生變化;
在 input塞 keydown等等。

Ng的事件過濾器 event filter
(keyup)改為 (keyup.escape)或是 (keyup.enter) 這兩個常用的鍵;
搭配使用 $event.target / $event.target.value 。

在 component寫函式時,
寫入參數同時加入型別或屬性(property)有助於程式碼撰寫及除錯,
也可增加維護或修改效率,
例如:
countText(count: string) {
this.number = count.length;
}

原本未加入string,如果輸入 count.lenth,vs code不會有錯誤提示,
加入string後會出現提示。

countTextClean(input: HTMLInputElement) {
...
}

宣告之後可以在輸入‘.’時用選的,減少出錯。
也有看到有些寫法會使用any: (parameter : any)

沒有留言:

張貼留言