如圖
這是一個表單的輸入框,它的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標(biāo)簽為一個遮罩層(點(diǎn)擊輸入框/輸入框Onfocus時隱藏,并使輸入框為獲取焦點(diǎn)狀態(tài)),獲取焦點(diǎn)時如圖:
現(xiàn)在問題來了:因為p標(biāo)簽是定位在input上的遮罩層(z-index較高),當(dāng)我想點(diǎn)擊輸入框,獲取焦點(diǎn),開始輸入的時候,其實(shí)并沒有點(diǎn)到輸入框(有點(diǎn)繞),我給p標(biāo)簽綁定了click事件,點(diǎn)擊就隱藏,可是input標(biāo)簽并沒有獲取到焦點(diǎn),效果如圖:
我該怎么樣實(shí)現(xiàn)點(diǎn)擊p標(biāo)簽,遮罩層隱藏,同時對應(yīng)的輸入框獲取焦點(diǎn)--感覺就像是直接點(diǎn)擊到了ipnut,獲取焦點(diǎn)一樣一樣的(多帶帶的獲取輸入框焦點(diǎn),和隱藏遮罩層能實(shí)現(xiàn),兩個效果加在一起先后實(shí)現(xiàn)就弄不來了),是用事件冒泡?不過這冒泡是嵌套層級關(guān)系才適用吧?這同級元素如何冒泡?或者有其他方法?求指教
加載中...
