当前位置: 首页 > Web前端 > HTML

【面试官系列】input、change、keydown、keypress、keyup什么时候触发?

时间:2023-04-03 01:16:54 HTML

我觉得这个问题很有意思,但是答对的面试官很少。今天我就来说说。先上DJ,哦不,先上DEMO,测试地址:https://www.lilnong.top/static/html/textarea-event-test.htmlEvent含义和触发定时focus,blurgetfocus(焦点),失去焦点(模糊)。属于FocusEvent接口。keydown,keypress,keyupkeydown当键盘被按下时,按键被按下时触发keypress,并且按下生成字符值的键。比如字母、数字、标点符号。不产生字符值的键示例是修饰键,例如Alt、Shift、Ctrl、退格键等。keyup键盘弹起。属于KeyboardEvent接口,input和changeinput在输入时实时触发(已经可以获取到输入的字符),发生在keypress之后。属于InputEvent接口的change可以理解为失去焦点前的判断,如果内容发生变化则触发事件。属于Event界面迎接挑战。如何防止特定字符的输入,比如回车keypress,keydown,就是防止default事件。preventDefault()如何判断是否是输入法。事件中有isComposing,可以用来区分是不是输入法。而且你也可以看到,在Vue中,并没有获取到输入法的状态。前端实战-初级阶段-场景实战(2019-05-30)-如何稳定输入搜索以及如何处理中文输入Vue中.lazy修饰符的作用是什么?默认情况下,v-model会在每次触发输入事件后将输入框的值与数据进行同步(上述输入法结合文本时除外)。lazy修饰符将使同步发生在change事件之后:Vueinv-modelandIsthere使用v-model.lazy需要注意什么?setInterval实现倒计时,如何让Vue.js保证输入正常输入?测试地址的事件会冒泡吗?focus和blur不会冒泡,需要用focusin和focusout进行冒泡。.native在Vue中有什么用?使用时有什么要注意的吗?用于监听自定义组件的原生事件。这里注意:如果监听的事件不支持冒泡,可能监听不到。比如focus,只有根节点为