事件类型
- abort
- beforeinput
- click
- compositionend 当文本段落的组成完成或取消时, compositionend 事件将被激发 (具有特殊字符的激发, 需要一系列键和其他输入, 如语音识别或移动中的字词建议)。
- compositionstart 事件触发于一段文字的输入之前(类似于 keydown 事件,但是该事件仅在若干可见字符的输入之前,而这些可见字符的输入可能需要一连串的键盘操作、语音识别或者点击输入法的备选词)
- compositionupdate 事件触发于字符被输入到一段文字的时候(这些可见字符的输入可能需要一连串的键盘操作、语音识别或者点击输入法的备选词)
compositionstart 、compositionupdate、compositionend 的使用方法在vue的源代码中写道
Safari < 10.2 & UIWebView doesn't fire compositionend
switching focus before confirming composition choice
this also fixes the issue where some browsers e.g. iOS Chrome
fires "change" instead of "input" on autocomplete.
简单就是说目前是IE9+支持,移动端 Safari < 10.2 & UIWebView 暂时无法触发,因此可以作为 PC 端产品的靠谱方案。
- dblclick
- error
- focus
- focusin
- focusout
- input /propertypechange
propertypechange 和 input 是一样的作用只不过是兼容浏览器才有两种写法,都是js去改input的指不触发他们
(键盘输入时触发监听输入的内容) - change (失去焦点之后内容发生改变触发)
- blur (失去焦点之后触发)
- onafterpaste 粘贴之后触发
- keydown 按键按下时触发
- keypress
- keyup 按键抬起触发
- load
- mousedown
- mouseenter
- mouseleave
- mousemove
- mouseout
- mouseover
- mouseup
- resize
- scroll
- select
- unload
- wheel
html5属性
- pattern : 规定输入字段的值的模式或格式。例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。
iOS Setting - autocapitalize="off" 用户名-关闭首字母大写
- autocomplete 默认为on,其含义代表是否让浏览器自动记录自谦输入的值。
很多时候,需要对客户的资料进行保密,防止浏览器软件或者恶意插件获取到。可以在input中加入autocomplete = "off"来关闭记录,系统需要保密的情况下可以使用此参数。
- autocorrect 纠错
网友评论