判断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>
相关文章
uniapp页面之间通信、传参、传值方法(父→传→子,子→传→父);获取被打开页面的数据→传→当前页面;当前页面的数据→传→被打开页面
uniapp页面之间通信、传参、传值方法(父→传→子,子→传→父);获取被打开页面的数据→传→当前页面;当前页面的数据→传→被打开页面
|
前端开发 JavaScript
如何在 CSS3 动画中添加缓动效果?
在上述示例中,页面中有一个蓝色的方块元素和几个按钮,点击不同的按钮可以为方块的移动动画设置不同的缓动效果。通过JavaScript获取方块元素,根据用户点击按钮传递的缓动函数值,修改方块的`transitionTimingFunction`属性,从而实现动态切换缓动效果的功能。每次点击按钮后,方块会向右移动100px,并在1秒后回到初始位置,以便用户观察不同缓动效果下的动画表现。
365 57
|
存储 缓存 Java
集合中的对象在传输中变成了LinkedHashMap解决方案
集合中的对象在传输中变成了LinkedHashMap解决方案
|
移动开发 开发框架 JavaScript
在UniApp的H5项目中,生成二维码和扫描二维码的操作处理
在UniApp的H5项目中,生成二维码和扫描二维码的操作处理
|
JavaScript 前端开发 搜索推荐
ECharts词云图(案例一)+配置项详解
ECharts,百度的JavaScript图表库,支持词云图(自5.0版起),借助`echarts-wordcloud`插件。配置词云图涉及`tooltip`(如显示、颜色、边框等)和`series`(类型、形状、大小范围等)。示例代码展示了如何在HTML中引入依赖并配置词云图,包括数据、形状、大小、颜色等。完整代码和依赖可下载。调整这些配置可创建个性化词云图。参阅官方文档获取不同版本详情。
4650 4
 ECharts词云图(案例一)+配置项详解
|
JavaScript 网络架构
vue 使用 this.$router.push 传参数,接参数的 query或params 两种方法示例
vue 使用 this.$router.push 传参数,接参数的 query或params 两种方法示例
2298 4
|
前端开发 UED
如何使用css给一个盒子加上好看的hover阴影效果
如何使用css给一个盒子加上好看的hover阴影效果
328 1
|
JavaScript
一篇文章讲明白js鼠标侧键监听(也有左键,中键和右键)
一篇文章讲明白js鼠标侧键监听(也有左键,中键和右键)
597 0
|
JavaScript 前端开发
JavaScript如何设置定时器,怎么清除定时器
JavaScript如何设置定时器,怎么清除定时器
441 3
|
索引
for和foreach谁更快,为什么
for和foreach谁更快,为什么
543 0

热门文章

最新文章