1、Form
表單相關
原生 input
標簽在處于焦點狀態(tài)的時候弧呐,按下鍵盤 的回車鍵 是可以通過 監(jiān)聽input
的 submit
事件來捕獲到的闸迷。
// 當按鈕的 type="submit" 時,并且被包括在 form 標簽里面時 俘枫,
// 點擊按鈕即可捕獲到submit事件腥沽,同時按下 回車鍵也可以捕獲到
<button type="submit" [disabled]="!profileForm.valid">Submit</button>
2、使用原生js
對DOM
添加或刪除 class
鸠蚪。
今天上午在幫后臺同事加個頁面向下滾刀到一定距離把頂部菜單懸浮到效果時今阳,懶得去引用JQ
之類到庫了师溅,想著原生js
操作下dom
動態(tài)添加或刪除一個class
就行了,百度到時候發(fā)現(xiàn)了一個新特性盾舌,記錄一下墓臭。
html5增加了classList
classList
屬性返回元素的類名,作為 DOMTokenList 對象矿筝。
該屬性用于在元素中添加起便,移除及切換 CSS
類。
classList
屬性是只讀的窖维,但你可以使用 add()
和 remove()
方法修改它榆综。
增加:document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");
去除:document.getElementById("myDIV").classList.remove("mystyle");
替換:document.getElementById("myDIV").classList.replace("someClassName","otherClassName");