判断input文本框获取焦点和失去焦点

简介: 判断input文本框获取焦点和失去焦点
<!doctype html>
<html lang="en">
  <head>
  <meta charset="UTF-8">
  <title>判断input文本框获取焦点和失去焦点</title>
  <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  </head>
  <body>
        <input type="text" id="input" />
  </body>
  <script>
    //focus():得到焦点时使用-----blur():失去焦点时使用。
    // $("input").focus();
    // $("input").blur();
    $("#input").focus(function() {
      alert("这里是获取焦点时的事件");
    });
    $("#input").blur(function() {
      alert("这里是失去焦点时的事件");
    });
  </script>
</html>
相关文章
|
6月前
|
C#
C# 文本框限制大全
C# 文本框限制大全
55 0
|
6月前
|
JavaScript 前端开发 数据安全/隐私保护
获取焦点后隐藏提示内容的输入框
获取焦点后隐藏提示内容的输入框
59 0
|
1月前
多行输入框
【10月更文挑战第1天】多行输入框。
26 4
|
6月前
【UI】 elementui input输入框自动获取失去焦点
【UI】 elementui input输入框自动获取失去焦点
511 1
使用 contenteditable=“true“ 实现的文本框全选内容
使用 contenteditable=“true“ 实现的文本框全选内容
68 0
input中placeholder的鼠标操作事件
input中placeholder的鼠标操作事件
72 0
|
前端开发
input输入框内阴影效果
input输入框内阴影效果
103 1
|
存储 JSON JavaScript
Easyui datagrid combobox输入框非法输入判断与事件总结
Easyui datagrid combobox输入框非法输入判断与事件总结
190 0
|
前端开发
【解决方法】element-ui 中输入框input与下拉选择框没有在一条水平线上
【解决方法】element-ui 中输入框input与下拉选择框没有在一条水平线上
911 0
【解决方法】element-ui 中输入框input与下拉选择框没有在一条水平线上