focusout和blur事件的區別
這兩個事件非常類似,當表單元素失去焦點的時候會被觸發。
但是兩個事件也是有區別的,focusout事件就有冒泡效果,blur事件不具有。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> .one ,.two { width:250px; height:150px; background-color:green; margin:10px; } .children { width:150px; height:30px; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".one").focusout(function () { $("#antzone").text("螞蟻部落一"); }) $(".two").blur(function () { $("#antzone").text("螞蟻部落二"); }) }) </script> </head> <body> <form class="one"> <input class="children"> </form> <form class="two"> <input class="children"> </form> <div id="antzone"></div> </body> </html>
相關文章
- jQuery focusout事件jQuery事件
- 2020 blur()和onblur的使用區別
- JavaScript blur 事件JavaScript事件
- javascript blur事件JavaScript事件
- jQuery blur事件jQuery事件
- react 中的blur事件React事件
- input事件和change事件區別事件
- onclick和onmousedown事件區別事件
- onmouseleave和onmouseout事件的區別事件
- jQuery mouseout和mouseleave事件的區別jQuery事件
- onkeyup和onkeydown事件的區別事件
- 事件關鍵詞 bind 和 catch 的區別、事件物件 target 和 currentTarget 的差異事件物件
- 命令和事件有什麼區別? - Oskar事件
- touch事件與click事件區別事件
- onclick與click事件的區別事件
- focusin與focus事件的區別事件
- 安卓觸控事件與單擊事件的區別安卓事件
- 非同步API中事件、命令和狀態區別非同步API事件
- Javascript中的事件物件和事件型別JavaScript事件物件型別
- ../和./和/的區別
- input與change事件區別事件
- 和 的區別
- as 和 with的區別
- ||和??的區別
- /*和/**的區別
- LinkedList和ArrayList的區別、Vector和ArrayList的區別
- http和https的區別/get和post的區別HTTP
- 通過focusout事件解決IOS鍵盤收起時介面不歸位的問題事件iOS
- 影像模糊工具:Photo Blur FX - Image Blur for MacMac
- 臨界區,互斥量,訊號量,事件的區別事件
- combox 的blur焦點離開事件,無法觸發記錄事件
- ./ 和sh 的區別
- JQuery this和$(this)的區別jQuery
- jquery $(this) 和this的區別jQuery
- T和?的區別
- ++a和a++的區別
- makefile =和:=的區別
- React事件與普通HTML事件有什麼區別React事件HTML