美文网首页
input相关的事件以及html5新属性

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

作者: milletmi | 来源:发表于2018-06-14 11:32 被阅读0次

事件类型

- 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 纠错

相关文章

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

    事件类型 - abort beforeinput click compositionend 当文本段落的组成完...

  • HTML5常用的标签

    目录: HTML5新结构标签 HTML5新其他标签 HTML5新input类型 HTML5新属性 HTML5高级应...

  • 八、H5中对音视频的设计

    html5标签 video标签的属性 audio标签的属性 音视频js相关属性 音视频js相关函数 js相关事件

  • CSS设置input placeholder文本的样式

    placeholder是HTML5 input的新属性,英文意思是占位符,它一般表示input输入框的默认提示值。...

  • h5表单

    html5 表单 新增input类型 新增表单元素 html5表单验证 新增表单属性 新增的input类型 inp...

  • HTML5 - input标签新属性

    使用html5中input标签的新属性时,需注意浏览器的兼容性。 autofocus自动获取焦点 placehol...

  • div模拟placeholder属性

    placeholder 是HTML5中input的属性,但该属性并不支持除input以外的元素 但我们可以使用Cs...

  • Html5 - 新特性

    一. 语义化标签 二. 新表单类型和属性 新的input类型 input的新属性 form的新属性 新的表单标签 ...

  • HTML5拖拽(二)--dataTransfer

    从HTML5拖拽(一)我们得知:利用html5的dragable属性以及一些拖拽事件可以进行拖拽,但是无法获得所拖...

  • HTML5 表单属性

    HTML5 新的表单属性HTML5的 和 标签添加了几个新的属性新属性:1.autocomplete2...

网友评论

      本文标题:input相关的事件以及html5新属性

      本文链接:https://www.haomeiwen.com/subject/lfwjeftx.html