input相关的事件以及html5新属性

事件类型

- 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 纠错
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,718评论 1 11
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,734评论 19 139
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,726评论 2 10
  • 本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件,主要有以下一些。 click 事件,dblc...
    许先生__阅读 2,871评论 0 4
  • 又出了一则关于地铁的新闻,有个男的在车门快要关闭的瞬间把别人从车厢里推了出去。不知道大家看了视频没有,我看的时候出...
    舒明月阅读 2,843评论 4 3

友情链接更多精彩内容