javascript如何将焦点移除

javascript将焦点移除的方法：1、利用onblurs属性，语法“onblur="需要执行的js代码”；2、利用blur()函数，语法“$(selector).blur(function); ”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript 焦点移除

1、利用Onblurs属性

onblur 属性在元素失去焦点时触发。

语法

onblur="SomeJavaScriptCode"

支持该事件属性的 HTML 标签：

a> , acronym> , address> , area> , b> , bdo> , Big> , blockquote> ,button> , caption> , cITe> , dd> , del> , DFn> , div> , dl> , dt> ,em> , fieldset> , form> , frame> , frameset> , h1> to h6> , hr> , i> ,iframe> , img> , input> , ins> , kbd> , label> , legend> , li> ,object> , ol> , p> , PRe> , q> , samp> , select> , small> , span> ,strong> , sub> , sup> , table> , tbody> , td> , textarea> , tfoot> ,th> , thead> , tr> , tt> , ul> , VAR>

支持该事件的 JavaScript 对象：

button, checkbox, fileUpload, layer, frame, password,radio, reset, submit, text, textarea, window

实例：

html>
    head>
    script tyPE="text/javascript">
function upperCase(){
var x=document.getElementById("fname").valuedocument.getElementById("fname").value=x.toUpperCase()}
    /script>
    /head>
    body>
    Enter your name: input type="text" id="fname" onblur="upperCase()">
    br />
    Enter your age: input type="text" id="age" onblur="alert(this.id)">
    /body>
    /html>
    

失去焦点时，弹出一个弹窗：

2、利用blur() 方法

当元素失去焦点时发生 blur 事件。

blur() 函数触发 blur 事件，或者如果设置了 function 参数，该函数也可规定当发生 blur 事件时执行的代码。

语法：

$(selector).blur(function)

示例

html>
    head>
    script type="text/javascript" src="/jquery/jquery.js">
    /script>
    script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
        $("input").css("background-color","#FFFfcC");
  }
    );
  $("input").blur(function(){
        $("input").css("background-color","#D6D6FF");
  }
    );
}
    );
    /script>
    /head>
    body>
    Enter your name: input type="text" />
    p>
    请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。/p>
    /body>
    /html>
    

【推荐学习：javascript高级教程】

以上就是javascript如何将焦点移除的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！