input 提示資訊

2022-03-23 18:48:37 字數 1303 閱讀 1590

1.input提示

html:

1

<

span

class

="input_tips"

>

2<

input

name

= "accout"

type

="text"

class

= "login_input login_name"

value

=""/>

3<

div

style

= "position:relative ;color: #ccc"

>

4<

div

class

= "tips_content"

style

= "position:absolute ;top:- 45px; left:70 px"

> 使用者名稱

div>

5div

>

6span

>

js:

1 $(".input_tips").click(function

());

7 $(this).children("input").blur(function

()11

})12 });

-----------------------------------分割線2014.12.17----------------------------------

發現以上**有bug:js中只有當每個input的click事件都觸發了,相應的input的focus、blur事件才會註冊,然後才會被觸發,改成下面的**就行啦:

1 $ (".input_tips").children ("input").focus (function());

4 $(".input_tips" ).children( "input" ).blur( function()8

});9 $(".input_tips" ).click( function

());

上面的第一種情況:將focus事件放在click事件裡面,只有當沒乙個input的click事件都觸發執行一邊後,對應input的focus事件

才會被繫結,所以bug就出現了,當我點選了第乙個input,後面通過tab切換,後面的input的focus事件

就沒有被繫結過,也就不是執行focus事件了,blur事件同理。

小結:這兩片段**證明,jquery事件在被觸發前都要先繫結(註冊)。

分析 input表單輸入框預設提示資訊

我之前也做過,做法應該和大家都差不多,在輸入框裡寫入提示內容,當滑鼠獲取焦點後清空內容,當失去焦點後判斷內容是否為空,如果為空,則恢復顯示提示內容,反則不顯示。但這樣的做法是否合理?下面一一來做下分析。1 如果輸入內容和提示內容完全一樣,當失去焦點後,應該如何判斷?2 如果input在表單裡,提交表...

提示資訊 POPUP

提示文字資訊 popup to display text 兩行 popup to inform 四行 popup with table display ok多行文字展示 title text不管用,換成 wrf popup with table display print又不管用,且r3沒有 dat...

提示碼資訊

伺服器常用的狀態碼及其對應的含義如下 補全狀態碼避免再去搜 100 客戶必須繼續發出請求 101 客戶要求伺服器根據請求轉換http協議版本 200 交易成功 201 提示知道新檔案的url 202 接受和處理 但處理未完成 203 返回資訊不確定或不完整 204 請求收到,但返回資訊為空 205 ...