判断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>
相关文章
|
8月前
|
JavaScript 前端开发 数据安全/隐私保护
获取焦点后隐藏提示内容的输入框
获取焦点后隐藏提示内容的输入框
65 0
textarea文本框默认显示文本鼠标点击时清空
textarea文本框默认显示文本鼠标点击时清空
|
4月前
|
JavaScript 前端开发 Serverless
利用eval()打造通用的checkbox全选、全部取消、反选函数
利用eval()打造通用的checkbox全选、全部取消、反选函数
|
8月前
【UI】 elementui input输入框自动获取失去焦点
【UI】 elementui input输入框自动获取失去焦点
540 1
使用 contenteditable=“true“ 实现的文本框全选内容
使用 contenteditable=“true“ 实现的文本框全选内容
80 0
|
8月前
|
前端开发 JavaScript 数据安全/隐私保护
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
113 0
|
前端开发
input输入框内阴影效果
input输入框内阴影效果
113 1
|
存储 JSON JavaScript
Easyui datagrid combobox输入框非法输入判断与事件总结
Easyui datagrid combobox输入框非法输入判断与事件总结
196 0
|
前端开发
【解决方法】element-ui 中输入框input与下拉选择框没有在一条水平线上
【解决方法】element-ui 中输入框input与下拉选择框没有在一条水平线上
936 0
【解决方法】element-ui 中输入框input与下拉选择框没有在一条水平线上
|
JavaScript
input 每输入一次都会失去焦点需要再次点击才能输入
出现上述问题其实就是遍历的时候key值绑定的不合理
322 0