javascript將焦點移除的方法：1、利用onblurs屬性，語法「onblur="需要執行的js程式碼」；2、利用blur()函數，語法「$(selector).blur(function );」。 本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。 #javascript 焦點移除 1、利用onblurs屬性 onblur 屬性在元素失去焦點時觸發。 語法onblur="SomeJavaScriptCode"登入後複製支援此事件屬性的HTML 標籤：, , , , , , , , <lt;address>, , , <lt; ;bdo>, , ,, , , , , , , , , , , , ;dl>, ,, , , , , , , , to , , to , , to , , < ;i>,, <img alt="javascript如何將焦點移除" >, <input>, <ins>, <kbd>, <label>, <legend>, <li>,<label>, <legend>, <li>,<object>, <legend>, <li>,<object> ;ol>, <p>, <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>, <q>, <samp>, <select>, <small>, <span>,<strong>, <sub>, <span>,<strong>, <sub>, <span>,<strong>, <sub>, <, < ;sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>,<th>, <thead>, <tr>, <tt>, <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><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="javascript如何將焦點移除"/></p><p>##2、利用blur() 方法<strong></strong></p>當元素失去焦點時發生blur 事件。 <p></p>blur() 函數觸發 blur 事件，或如果設定了 function 參數，則此函數也可規定發生 blur 事件時執行的程式碼。 <p></p>語法：<p><br/><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>範例<p><br/><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="javascript如何將焦點移除"></p>【推薦學習：<p>javascript進階教學<a href="https://www.php.cn/course/list/2.html" target="_blank">】</a></p>
