javascript将焦点移除的方法：1、利用onblurs属性，语法“onblur="需要执行的js代码”；2、利用blur()函数，语法“$(selector).blur(function);”。 本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。 javascript 焦点移除 1、利用onblurs属性 onblur 属性在元素失去焦点时触发。 语法onblur="SomeJavaScriptCode"登录后复制支持该事件属性的 HTML 标签：, , , , , , , ,, , , , , , , , ,, , , , , to , , ,, <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><br/></p><p>支持该事件的 JavaScript 对象：</p><p>button, checkbox, fileUpload, layer, frame, password,radio, reset, submit, text, textarea, window<br/></p><p>实例：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><html> <head> <script type="text/javascript"> function upperCase() { var x=document.getElementById("fname").value document.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></pre><div class="contentsignin">登录后复制</div></div><p>失去焦点时，弹出一个弹窗：</p><p><img src="https://img.php.cn/upload/image/239/696/220/1648877586611856.png" title="1648877586611856.png" alt="1.png"/></p><p><strong>2、利用blur() 方法</strong></p><p>当元素失去焦点时发生 blur 事件。</p><p>blur() 函数触发 blur 事件，或者如果设置了 function 参数，该函数也可规定当发生 blur 事件时执行的代码。</p><p>语法：<br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">$(selector).blur(function)</pre><div class="contentsignin">登录后复制</div></div><p>示例<br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><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></pre><div class="contentsignin">登录后复制</div></div><p><img src="https://img.php.cn/upload/image/683/126/486/1648877818969627.gif" title="1648877818969627.gif" alt="2.gif"></p> <p>【推荐学习：<a href="https://www.php.cn/course/list/2.html" target="_blank">javascript高级教程</a>】</p>
