1.在Html
中input
输入框相关事件写法:
事件 | 功能 |
---|---|
onfocus | input标签获取焦点 事件 |
onblur | input失去焦点 事件(触发条件:先获取 焦点,再失去 焦点触发) |
onchange | input失去焦点 并且它的value 值发生变化 时触发 |
oninput | input框输入过程中 value值改变时 实时触发,换句话说就是 每输入一个字符都会触发 |
onclick | input标签type="button" 时的点击事件 |
onkeydown | input框输入时键盘按钮按下事件 |
onkeyup | input框输入时键盘按钮抬起事件 ,触发onkeyup 事件之前一定触发onkeydown 事件 |
onselect | input标签内容选中时 |
2.使用格式
JS绑定change事件
document.getElementByTagName(‘input’).onfocus = function();
$("#XXX").onchange(){ }
Vue绑定input事件
<input type="textarea" v-model.trim="inputValue" @input="inputChange" />
data: {
inputValue: '',
},
methods: {
inputChange(e) {
console.log(e)
},
}
Angular绑定input事件
<input type="textarea" (input)="inputChange($event)" />
public inputChange(e){
// e 为输入框里改变后的值
console.log(e);
}