如圖這是一個表單的輸入框,它的html如下:<li><div>
<label>用 戶 名</label>
<input type="text" name="u_name" id="u_name" class="w_txt">
<p class="v_menu">請輸入用戶名</p></div><span class="p_txt"></span></li>li中的p標簽為一個遮罩層(點擊輸入框/輸入框Onfocus時隱藏,并使輸入框為獲取焦點狀態),獲取焦點時如圖:現在問題來了:因為p標簽是定位在input上的遮罩層(z-index較高),當我想點擊輸入框,獲取焦點,開始輸入的時候,其實并沒有點到輸入框(有點繞),我給p標簽綁定了click事件,點擊就隱藏,可是input標簽并沒有獲取到焦點,效果如圖:我該怎么樣實現點擊p標簽,遮罩層隱藏,同時對應的輸入框獲取焦點--感覺就像是直接點擊到了ipnut,獲取焦點一樣一樣的(單獨的獲取輸入框焦點,和隱藏遮罩層能實現,兩個效果加在一起先后實現就弄不來了),是用事件冒泡?不過這冒泡是嵌套層級關系才適用吧?這同級元素如何冒泡?或者有其他方法?求指教事件冒泡是無法解決這樣的需求的--不是所有的事件都能冒泡,例如:blur、focus、load、unload(看資料找到的)
遮罩層獲取,觸發事件后,如何觸發它下面的元素的事件?
www說
2018-08-31 09:57:03