判断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>
相关文章
|
JavaScript 前端开发 开发者
vue的slot插槽详解
vue的slot插槽详解
351 0
|
Web App开发 自然语言处理 监控
基于 WebAssembly 的AIoT应用框架实践
天猫精灵大前端团队基于 WebAssembly 的AIoT应用框架实践分享。
基于 WebAssembly 的AIoT应用框架实践
|
前端开发 UED
如何使用css给一个盒子加上好看的hover阴影效果
如何使用css给一个盒子加上好看的hover阴影效果
455 1
|
前端开发 JavaScript
如何在 CSS3 动画中添加缓动效果?
在上述示例中,页面中有一个蓝色的方块元素和几个按钮,点击不同的按钮可以为方块的移动动画设置不同的缓动效果。通过JavaScript获取方块元素,根据用户点击按钮传递的缓动函数值,修改方块的`transitionTimingFunction`属性,从而实现动态切换缓动效果的功能。每次点击按钮后,方块会向右移动100px,并在1秒后回到初始位置,以便用户观察不同缓动效果下的动画表现。
523 57
|
JavaScript 前端开发 搜索推荐
ECharts词云图(案例一)+配置项详解
ECharts,百度的JavaScript图表库,支持词云图(自5.0版起),借助`echarts-wordcloud`插件。配置词云图涉及`tooltip`(如显示、颜色、边框等)和`series`(类型、形状、大小范围等)。示例代码展示了如何在HTML中引入依赖并配置词云图,包括数据、形状、大小、颜色等。完整代码和依赖可下载。调整这些配置可创建个性化词云图。参阅官方文档获取不同版本详情。
6589 4
 ECharts词云图(案例一)+配置项详解
|
移动开发 开发框架 JavaScript
在UniApp的H5项目中,生成二维码和扫描二维码的操作处理
在UniApp的H5项目中,生成二维码和扫描二维码的操作处理
|
存储 缓存 Java
集合中的对象在传输中变成了LinkedHashMap解决方案
集合中的对象在传输中变成了LinkedHashMap解决方案
|
JavaScript 网络架构
vue 使用 this.$router.push 传参数,接参数的 query或params 两种方法示例
vue 使用 this.$router.push 传参数,接参数的 query或params 两种方法示例
3477 4
|
移动开发 开发工具
解决微信H5获取SDK授权报错提示errMsg: “config:fail,Error: 系统错误,错误码:63002,invalid signature [20200908 22:17:17][]“
解决微信H5获取SDK授权报错提示errMsg: “config:fail,Error: 系统错误,错误码:63002,invalid signature [20200908 22:17:17][]“
解决微信H5获取SDK授权报错提示errMsg: “config:fail,Error: 系统错误,错误码:63002,invalid signature [20200908 22:17:17][]“
|
JavaScript 前端开发
JavaScript如何设置定时器,怎么清除定时器
JavaScript如何设置定时器,怎么清除定时器
631 3