为什么JavaScript事件元素失去焦点不工作？

qq_23835463 2021-01-24 09:55:13

<!doctype html>

<html>

<head>

  <meta charset="utf-8">

  <title>JavaScript事件元素失去焦点浏览器不显示</title>

  <style>

  </style>

</head>

<body>

  <input type="text" id="username">

  <script>

    // JavaScript事件元素失去焦点浏览器不显示

    // 事件焦点

    var name = document.getElementById("username");

    name.onblur = function () {

      alert("元素失去焦点！");

    }

  </script>

</html>

...全文

189 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

走在四季 2021-01-26

打赏
举报

回复

嗯，测试了下，换了一个变量名，不叫 name 就好了。

天际的海浪 2021-01-24

打赏
举报

回复

不要用name做全局变量，换个变量名。因为js中的全局变量就是window对象的属性，而window对象中本就有一个固有的name属性，是窗口的名称，值只能为字符串。

200多个js技巧代码，里面有简单的代码演示，还不错哦。

1.获取ID的函数在说获取焦点和失去焦点事件之前，先说说封装获取ID的函数。一般在实际操作中，会经常用到提取某个元素的ID，如果每条都列，想必非常麻烦。一般如果有很多ID需要提取的情况基本都用提取ID的函数。获取ID的函数如下： function $(id) { // $符号一般用作获取id的函数名，有时候也有人用$id作为函数名。在这里我们只需要获取一个变量。 ret

JavaScript表单事件焦点处理焦点处理主要包括focus（获取焦点）和blur（失去焦点）事件类型。所谓焦点，就是激活表单字段，使其可以响应键盘事件。获取焦点：focus 当单击或使用Tab键切换到某个表单元素或超链接对象时，会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下，整个文档处于焦点状态，但是单击或者使用Tab键可以改变焦点位置。示例：输入框被点击时触发，会在文本框后面提示“请输入11位手机号！！！” <form action="">

客户端坐标是事件发生时鼠标光标在客户端视口中的坐标，而页面坐标是事件发生时鼠标光标在页面上的坐标，通过 event 对象的 pageX 和 pageY 可以获取。鼠标事件都是在浏览器视口中的某个位置上发生的。其中，blur、DOMFocusOut 和 focusout 的事件目标是失去焦点的元素，而 focus、DOMFocusIn和 focusin 的事件目标是获得焦点的元素。焦点事件中的两个主要事件是 focus 和 blur，这两个事件在 JavaScript 早期就得到了浏览器支持。

本篇文章给大家介绍一下JavaScript获取焦点和失去焦点的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。焦点处理焦点处理主要包括focus（获取焦点）和blur（失去焦点）事件类型。所谓焦点，就是激活表单字段，使其可以响应键盘事件。获取焦点：focus 当单击或使用Tab键切换到某个表单元素或超链接对象时，会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下，整个文档处于焦点状态，但是单击或者使用Tab键可以改变焦点位置。‘ 示例：在页

87,994

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章