1、Form
表单相关
原生 input
标签在处于焦点状态的时候,按下键盘 的回车键 是可以通过 监听input
的 submit
事件来捕获到的。
// 当按钮的 type="submit" 时,并且被包括在 form 标签里面时 ,
// 点击按钮即可捕获到submit事件,同时按下 回车键也可以捕获到
<button type="submit" [disabled]="!profileForm.valid">Submit</button>
2、使用原生js
对DOM
添加或删除 class
。
今天上午在帮后台同事加个页面向下滚刀到一定距离把顶部菜单悬浮到效果时,懒得去引用JQ
之类到库了,想着原生js
操作下dom
动态添加或删除一个class
就行了,百度到时候发现了一个新特性,记录一下。
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");