`
buliangniu
  • 浏览: 92688 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

focus() 和blur()用法

JavaScriptCSSHTML
阅读更多 
<html>
<head>
    <title>focus()和blur()用法</title>
    <style type="text/css">
        a:active
        {
            color: green;
        }
    </style>

    <script type="text/javascript">
        function getfocus()
        {
            document.getElementById('myAnchor').focus() //获得焦点
        }

        function losefocus()
        {
            document.getElementById('myAnchor').blur() //失去焦点
        }
    </script>

</head>
<body>
    <a id="myAnchor" href="http://buliangniu.iteye.com">不良牛 buliangniu.iteye.com</a>
    <br />
    <br />
    <input type="button" onclick="getfocus()" value="获得焦点" />
    <input type="button" onclick="losefocus()" value="失去焦点" />
</body>
</html>

 

0
顶
1
踩
分享到：
| 更改一个链接的文本、URL以及target
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery focus和blur事件的应用详解

    在本篇文章中，我们详细讨论了jQuery中focus和blur事件的应用方法，展示了如何通过这两个事件来改善用户填写表单的体验。通过使用jQuery的事件绑定方法，我们可以轻松地在用户交互时提供及时的反馈和动态变化，从而...

    jquery插件-表单验证 根据focus blur

    本压缩包包含的资源是基于jQuery的一个插件，专门用于表单验证，它根据元素的`focus`和`blur`事件来触发验证过程。 `focus`事件在用户将焦点转移到某个元素（如输入框）时触发，而`blur`事件则在用户焦点离开该元素...

    javascript委托(Delegate)blur和focus用法实例分析

    - IE浏览器处理focus和blur事件时，可以使用attachEvent方法，并设置true以启用事件捕获。 - 对于Firefox（FF）浏览器，可以使用addEventListener方法，并同样设置true来指定事件在捕获阶段触发。 以上代码示例展示...

    jquery focus(fn),blur(fn)方法实例代码

    根据给定文件的内容，我们看到的一个示例是使用了 .focus() 和 .blur() 方法来改变一个文本输入框获得和失去焦点时的样式。在代码中，首先定义了一个 CSS 类 .highlight，它将为元素添加边框和轮廓样式。随后，在 ...

    IE6下focus与blur错乱的解决方案

    本文主要关注的是一个特定的浏览器兼容性问题，即IE6（Internet Explorer 6）中的`focus`和`blur`事件处理问题。`focus`和`blur`是JavaScript中用于处理元素获得焦点和失去焦点的事件。当用户将鼠标或键盘焦点移动到...

    Vue中mintui的field实现blur和focus事件的方法

    首先上代码说总结： 卡号 v-model=card.cardNo blur....使用@blur.native.capture=””即可实现。 另一种方法： 使用vue-directive指令实现。这种方法有个问题没解决，不推荐使用。 卡号 v-model=card.cardNo&gt; V

    div+blur+event+angular2

    描述 "在无focus情况，触发blur事件" 暗示我们关注的是在 `&lt;div&gt;` 元素没有获得焦点的情况下，如何依然能捕获到 `blur` 事件。虽然通常 `&lt;div&gt;` 不会自动获取焦点，但可以通过编程方式给予其焦点，如使用 `document....

    为TextBox装饰水印与(blur和focus)事件应用

    本文将围绕如何使用JavaScript为文本框添加水印效果以及如何结合文本框的blur（失去焦点）和focus（获得焦点）事件来实现水印的动态变化进行介绍。 首先，我们需要了解什么是水印。在文本框中，水印通常是一个浅色...

    vue3 获取焦点，vu3 input 获取焦点 Vue 3 focus input

    我们都知道在vue2中获取焦点为,然后调用focus方法 this.$nextTick(()=&gt;{ this.$refs.XXX.focus() }) 现在我们的vue3怎么获取焦点，请看附件，已经正常使用。 请放心下载

    jQuery事件blur()方法的使用实例讲解

    这一变化通过blur()方法和focus()方法分别触发。 此外，为了演示如何手动触发blur事件，我们还添加了两个按钮，分别用于触发focus事件和blur事件。 ```html 触发输入域的focus事件 触发输入域的blur事件 ``` ### ...

    JavaScript使用focus()设置焦点失败的解决方法

    尝试在调用focus()之前，使用一个假的、无害的元素来调用一个可能存在的“blur”方法（如示例中的“flur”），这可以取消当前的焦点。 4. 为了提高代码的兼容性和健壮性，可以为focus()方法设置适当的回退逻辑，...

    获取焦点ng-focus实例

    在这种情况下，`isFocused`变量会在输入框获得焦点时被设置为`true`，失去焦点时可以使用`ng-blur`指令进行相应的处理。 在学习`ng-focus`的过程中，了解AngularJS的事件处理机制也是很重要的。AngularJS通过 `$...

    Javascript blur与click冲突解决办法

    另一种方法是将下拉列表的显示逻辑和`click`事件分开，例如，使用`mouseover`事件显示下拉框，而`click`事件用于处理选择项的操作。 ```javascript $("input").on("focus", function() { // 显示下拉框 $("....

    jQuery中focus事件用法实例

    - 如果需要对某个元素进行多点操作，比如同时绑定focus和blur事件，建议使用`.on()`方法来绑定，这样代码更清晰、易于管理。 - 在使用focus事件时，也应当注意浏览器的兼容性问题，尤其是不同浏览器对键盘事件的默认...

    使用jquery给input和textarea设定ie中的focus

    以下是使用jQuery在IE中为input和textarea设置焦点和失去焦点（blur）时的样式变化的示例代码： ```javascript $(document).ready(function() { if ($.browser.msie) { // 选择所有type为text和password的input...

    jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题

    在实现上，我们可以通过以下代码来演示如何使用jQuery解决`input`元素的`blur`事件和非表单元素的`click`事件冲突问题。 HTML结构非常简单，只有一个`input`输入框和一个`div`元素： ```html 默认值"&gt; &lt;br/&gt; ...

    div失去焦点事件实现思路

    2. 使用JavaScript或jQuery监听`div`的`focus`和`blur`事件。 3. 在`focus`事件中，调用`focus()`方法使`div`获得焦点。 4. 在`blur`事件中，执行相应的操作，例如隐藏`div`。 通过这种方法，我们可以扩展`div`的...

Magicbox
Global site tag (gtag.js) - Google Analytics