首先看我的代碼,非常的簡單:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文本框獲得焦點</title>
</head>
<body>
<input id="text" type="text"onfocus="alert('你點擊了')" ></input>
</body>
</html>
效果圖如下:
實際上運行的效果並不是我想的那樣,而是一直都在彈出 alert()提示框
終於知道什么原因了,都是我的這個alert() 寫的,因為我的 onfocus =" " 這個屬性是文本框獲得焦點的屬性,而alert 這個是
彈出對話框,當你點擊彈出框的“確定”時,你的文本框就失去焦點了,而你點擊了之后文本框又獲得焦點了,這個時候就陷入死循環了
解決的辦法: 不用這個onfocus =" " 屬性,換成 onclick=""屬性,就O了。