JS 事件类型之文本操作事件

最新推荐文章于 2024-06-21 10:39:00 发布

今天也是爱大大的一天吖

最新推荐文章于 2024-06-21 10:39:00 发布

阅读量490

点赞数 1

分类专栏： JS 文章标签： js 文本操作事件

本文链接：https://blog.csdn.net/qq_45560350/article/details/108295261

版权

JS 专栏收录该内容

51 篇文章 1 订阅

订阅专栏

文本操作事件

1 .input 输入框内文本变化时触发

input.oninput = function(){
  console.log(this.value)
}

在这里插入图片描述
2 .change 输入框在聚焦和上次失去焦点这两个状态内容有所不同时触发若输入框内容无变化则不触发

在这里插入图片描述

3 .focus 输入框获取焦点时触发
4 .blur 输入框失去焦点时触发

<input type="text" value = '请输入用户名' 
        onfocus="if(this.value == '请输入用户名')
          {
            this.value = '';
            this.style.color = '#424242'}" 
        onblur = "if(this.value == '')
          {
            this.value = '请输入用户名';
            this.style.color = '#999'}">