zoukankan      html  css  js  c++  java
  • 事件类型文本事件

    文本事件指的是当文本发生变化时所触发的事件

    change

    change事件常用于<input>、<textarea>、<select>等元素,在它们失去焦点且value值改变时触发

    <input type="text" id="t">
    <script>
      t.onchange = function() {
        console.log(this.value)
      }
    </script>
    

    input

    input事件表示输入框内容发生变化时触发,但通过javascript改变value时不会触发。input与change事件的区别就是不需要移除焦点就可以触发

    <input id="test">
    <script>
    test.oninput = function(e){
      console.log(this.value)
    }
    </script>
    

    textInput

    textInput是DOM3级引入的新事件,目的是为了替代keypress。当可编辑区域中的文本发生变化时会触发该事件

    注意: 该事件只有chrome和safari浏览器支持

    <input type="text" id="t">
    <script>
      t.addEventListener('textInput', function(e){
        console.log(this.value, e.data)
      }, false)
    </script>
    

    textInput事件的event对象有一个data属性,属性的值就是用户输入的字符

    textInput与keypress事件有两点不同

    1. textInput事件只会在用户按下能够输入实际字符的键时才会被触发,而keypress事件则在按下那些能够影响文本显示的键时也会触发(如回车键)

    2. 只有可编辑区域会触发textInput事件,而任何可以获得焦点的元素都可以触发keypress事件(如checkbox)

    总结一句话,

    优秀文章首发于聚享小站,欢迎关注!
  • 相关阅读:
    Nginx缓存[proxy cache、memcache]
    Nginx重写规则
    同步异步,阻塞非阻塞 和nginx的IO模型
    cookie & session
    HTTP状态码
    web简单的整体测试
    关于 如何用电脑的adb连接Mumu模拟器
    关于社保断交一个月的影响
    关于androidStudio的下载
    可以直接拿来用的android开源项目研究
  • 原文地址:https://www.cnblogs.com/yesyes/p/15356341.html
Copyright © 2011-2022 走看看