JS---焦點事件onfocus和onblur造成的死迴圈問題

阿新 • • 發佈：2018-12-08

alert和onblur死迴圈

點選文字框觸發聚焦事件，彈出警告框，然後點選警告框中中的確定，其實焦點已經移動到警告框，觸發失焦事件了，確定後焦點又會回到文字框，又會觸發聚焦事件，形成迴圈。因此alert（）不應該與焦點事件一起使用。

 <script type="text/javascript">
window.onload=function(){

var text1=document.getElementById("text1");


text1.onfocus=function(){

    alert("聚焦事件觸發");
    }

text1.onblur=function(){

    alert("失焦事件觸發");
    }
}
</script>
</head>

<body>

<input type="text"  id="text1"/>

</body>

原文連結：焦點事件

JS---焦點事件onfocus和onblur造成的死迴圈問題

alert和onblur死迴圈點選文字框觸發聚焦事件，彈出警告框，然後點選警告框中中的確定，其實焦點已經移動到警告框，觸發失焦事件了，確定後焦點又會回到文字框，又會觸發聚焦事件，形成迴圈。因此alert（）不應該與焦點事件一起使用。 <script type="text/j

焦點事件onfocus和onblur造成的死迴圈問題

在學習焦點事件的時候，使用onfocus和alert(),onblue和alert(),點選文字框觸發onfocus（）事件，彈出alert文字資訊，點選確定後又觸發onblur事件，彈出alert()資訊，再點選確定又觸發onfocus事件，形成一個死迴圈，程

js焦點事件:onfocus、onblur、focus()、blur()、select()

什麼是焦點事件焦點：使瀏覽器能夠區分使用者輸入的物件，當一個元素有焦點的時候，那麼他就可以接收使用者的輸入只有能夠響應使用者操作額元素才可以接收焦點事件，比如：a button input... onfocus：當元素獲取到焦點的時候觸發 odiv

input輸入效果控制onfocus和onblur事件

以前看到alibaba上的註冊右邊的提示資訊效果很不錯,總想拿過來自己用. 參考建行的程式碼. 主要思想是: 在輸入框input 裡面利用onfocus 和onblur兩個事件.分別將提示資訊的class改變 .tip_on, .tip_off 程式碼如下 <!

js的事件冒泡和事件捕獲

use 應用 ges color mouse 冒泡 code 元素事件三個參數一、定義事件捕獲：從document到觸發事件的那個節點，自上而下觸發事件；事件冒泡：從觸發事件節點依次向上觸發事件，直到document。原聲js中，綁定事件方法addEventLis

js之事件冒泡和事件捕獲詳細介紹

1-1 ppr lang strong 傳播默認 ont 也不會 element （1）冒泡型事件：事件按照從最特定的事件目標到最不特定的事件目標(document對象)的順序觸發。 IE 5.5: div -> body -> document

(點選div之外的區域使div隱藏)原生js。事件代理和事件冒泡

var myDiv = $("#myDiv"); $(function() { $("#btn").click(function(event) { // showDiv();//呼叫顯示DIV方法 $(myDiv).toggle(); $(do

解決json序列化有多對一和多對多關係的物件時造成死迴圈的問題

json序列化的物件中存在雙向引用會導致的無限遞迴（infinite recursion）問題。使用@JsonBackReference標記在有多對一或者多對多關係的屬性上即可解決這個問題，舉例

關於面試中的原生js實現事件代理和事件模型和事件廣播的學習

這也是看了網上一篇面試題所以想整理下，順便對自己學習過的東西重新理解鞏固下在看事件代理之前，我們先來重溫下事件，在與瀏覽器進行互動的時候瀏覽器會觸發各種事件，比如當我們開啟某一個網頁的時候，瀏覽器載入完成了這個網頁，就會觸發一個load事件，當我們點選頁面中的某一個地方，

js event-事件物件和clientX,clientY

event:事件物件，當一個事件發生的時候，和當前這個物件發生的這個事件有關的一些詳細的資訊都會被臨時儲存到一個指定地方-event物件，供我們在需要的時候呼叫。飛機-黑匣子。事件物件必須在一個事件呼叫的函式裡面使用才有內容事件函式：事件呼叫的函式，一個函式是不是事件函式，不在定義的決定

js 焦點事件

焦點：使瀏覽器能夠區分使用者輸入的物件，當一個元素有焦點的時候，那麼他就可以接收使用者的輸入。我們可以通過一些方式給元素設定焦點 1 點選 2 tab 3 js 不是所有元素都能夠接收焦點，能夠相應使用者操作的元素才有焦點 onfocus:當元素獲取到焦點的時候觸發 o

徹底弄懂JS的事件冒泡和事件捕獲

事件冒泡階段：事件從事件目標(target)開始，往上冒泡直到頁面的最上一級標籤。假設一個元素div，它有一個下級元素p。 <div> 　　<p>元素</p> </div> 這兩個元素都綁定了click事件，如果使用者點

淺談js中事件preventDefault()和addEventListener()

js中有許多預設事件方法，當我們觸發時就會自動執行，比如點選連結跳轉，右鍵彈出屬性選單等等。於是為了滿足我們自定義的行為，需要阻止事件預設行為，即preventDefault()方法。 preventDefault() preventDefault()是

js新增事件attachEvent和addEventListener的用法

01 function addEvent(element, type, handler) {02 //為每一個事件處理函式分派一個唯一的ID03 if (!handler.$$guid) handler.$$guid = addEvent.guid++;04 //為元素的事件型別建立一個雜湊表05 if (!

vue.js阻止事件冒泡和預設事件

首先我們來看原生JS取消事件冒泡方法： e.stopPropagation(); //非IE瀏覽器 window.event.cancelBubble = true; //IE瀏覽器原生

js的事件代理和事件冒泡

在javasript中delegate這個詞經常出現，看字面的意思，代理、委託。那麼它究竟在什麼樣的情況下使用？它的原理又是什麼？在各種框架中，也經常能看到delegate相關的介面。這些介面又有什麼特殊的用法呢？這篇文章就主要介紹一下javascript delegat

Linux gcc for 迴圈中 i=i++ 會造成死迴圈問題及 ++i / i++ 彙編分析

在把 Windows 程式移植到 Linux 時遇到了死迴圈，最後定位到了類似這種的語句 for (i = 0; i < 1; i = i++)，別問我是誰寫的，為什麼這麼寫（淚目！）。根據我自己的感覺， i = i++ 應該等價於 i++（C標準中 i=i++ 的行為未

問題：在程式中儲存資料到索引庫，發生異常jackson資料轉換異常，造成死迴圈棧溢位解決@JsonIgnore註解

org.springframework.data.elasticsearch.ElasticsearchException: failed to index the document [id: 69] at org.springframework.data.elas

while 和 do while死迴圈案例

1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head&g

jdk1.8 hashmap多執行緒put不會造成死迴圈

hashmap多執行緒操作會造成連結串列的迴圈，這個已經被各種部落格的講爛了。大家都知道是put過程中的resize方法在呼叫transfer方法的時候導致的死鎖，故在此不詳述。今天在看《java高併發程式設計》的時候，書中提到“但是這個（hashmap）死迴圈的問題在

JS---焦點事件onfocus和onblur造成的死迴圈問題

alert和onblur死迴圈

相關推薦