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

focus() 和blur()用法

阅读更多
<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
分享到:
评论

相关推荐

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

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

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

    主要介绍了javascript委托(Delegate)blur和focus用法,实例分析了javascript委托的用法及针对常见浏览器的使用技巧,需要的朋友可以参考下

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

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

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

    实例 当输入域失去焦点 (blur) 时改变其颜色: $(input).blur(function(){ $(input).css(background-color,#D6D6FF); }); &lt;html&gt; &lt;head&gt;... $(input).focus(function(){ $(input).css(bac

    JavaScript焦点事件、鼠标事件和滚轮事件使用详解

    一般利用这些事件与document.hasFocus()方法和document.activeElement属性配合。主要有: blur:元素失去焦点,不会冒泡; DOMFocusIn:同HTML事件focus,于DOM3遭废弃,选用focusin; DOMFocusOut:同HTML事件blur...

    关于 angularJS的一些用法

    ng-focus/blur ng-submit 和ng-click一样,都是给dom绑定事件的 需要注意的是,使用事件对象的时候,需要在ng-click等指令里传入$event,如: &lt;button ng-click=clickFn($event) class=btn btn-danger&gt;aa&lt;...

    AE景深效果滤镜(Frischluft Lenscare) v1.46.rar

    它包括两个独立的插件,out of focus 用来模仿镜头模糊,depth of field用来创建复杂的景深效果。比内置的Camera Lens Blur功能更加强大,模拟效果更佳。 安装方法: 1、下载并解压缩;2、将整个Lenscare_ae_v...

    JQuery中DOM事件绑定用法详解

    本文实例讲述了JQuery中DOM事件绑定...第1个参数是事件类型,类型包括:blur、focus、load、resize、scroll、unload、click、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleave、

    表单元素的submit()方法和onsubmit事件应用概述

    表单元素拥有submit方法,同时也具有onsubmit事件句柄,用于监听表单提交。可以使用elemForm.submit();...与此有些类似的是onfocus、onblur和focus()、blur()之间的关系却不同,调用elem.blur()或elem.fo

    使用JS CSS去除IE链接虚线框的三种方法

    方法一:利用javascript的onfocus事件,实现如下:Html代码 代码如下:设计蜂巢如果引入了jQuery框架则可以利用它的事件绑定机制:Js代码 代码如下:$(‘a’).bind(‘focus’, function(){ if(this.blur){ //如果支持...

    去掉a标签超链接的虚线框的方法

    a{ blr:[removed]this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ } ...} /* 只支持IE,过多使用效率低 */ a:focus { -moz

    JQuery中Bind()事件用法分析

    本文实例分析了JQuery中Bind()事件用法。分享给大家供大家参考。具体分析如下: ...这类类型可以包括如下:blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown,

    jquery-input-timeout:在文本元素值更新后的给定超时后触发事件的便捷方法

    输入超时JQuery插件 当文本元素的值更新时,在给定的超时后触发事件的便捷方法。 这对于在输入上发出HTTP请求的... blur : false , // whether to trigger the callback on focus lost delay : 500 , // threshold b

    javascript常用对象梳理

    由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.[removed]()可以简写成: [removed]()。 在窗口中觖发本窗口对象的任何方法和属性时可以省去...

    JQuery的ON()方法支持的所有事件罗列

    自从jQuery添加了on()和off()方法之后,基本跟事件有关的操作我不会再使用其他诸如$(‘xxx’).click(function(){});之类的了。 不过jQuery的api里面没有说on里面到底可以绑定多少个事件,今天看jQuery1.8.3的源码...

    初学JavaScript第二章

    JavaScript的对象都是实例化了的,... window对象的主要方法有:Item,alert,blur,close,confirm,open,focus,showModalDialog. Document对象的常用属性:alinkcolor,Anchors,bgcolor,cookie,domain,embeds, fgcolor,layers,

    tailwindcss-phx-live:TailwindCSS的Phoenix LiveView变体

    phx-focus 注意:顺风已经具有焦点变体! phx-blur phx-keydown 适用于phx-keydown和phx-window-keydown 。 phx-keyup 同时适用于phx-keyup和phx-window-keyup 。 phx-connected phx-disconnected phx-error ...

    深入理解JQuery中的事件与动画

    基于原生js,常用事件有blur,focus,hover,mouseout,mouseover,mouseleave,ready,change,select,submit等等,不再赘述。 事件绑定: 在文档加载完成后,使用bind(type,[data],func())方法绑定事件. 合成事件: hover...

    js操作输入框提示信息且响应鼠标事件

    input type=”text” id=”email” name=”email” class=”txt_input” value=”请输入经常使用的邮箱” onfocus=”fn_focus(this);” onblur=”fn_blur(this);”/&gt; js代码: 代码如下: function fn_focus(ele){...

    javascript学习笔记.docx

    10) 每个类都有一个原型(prototype)对象,它具有一套属性和方法,用来共享一个类的方法和常量,还有一个constructor的属性引用构造函数。 11) JavaScript中面向对象的特性: a) 实例属性:在构造函数创建或初始化...

Global site tag (gtag.js) - Google Analytics