<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js 點擊事件</title> <script> function cherk(us){ if(us==''){ alert("請輸入用戶名") } } function submitFn(obj){ if(obj.catagory.value==''){ alert("請輸入內容"); return false; } } </script> </head> <body onload="alert('頁面全部加載完畢 ')"> <form onsubmit=" return submitFn(this)"> 用戶名：<input type="text" name="catagory" value="xiaobao" onfocus="this.value=''" onblur="cherk(this.value)"> <input type="submit" name="submit" value="tijiao"> </form> </body> </html>
其他事件;
onchange:當元素的內容發生變化才會觸發該事件，一般在下拉框使用較多
onsubmit:點擊提交表單按鈕的時候觸發，可以通過該事件提交表單之前對表單單項進行數據驗證，該事件在form標簽中使用
onload:當頁面完全加載后出發該事件，一般用在body標簽中
焦點事件：
onblur:元素是去焦點的時候觸發
onfocus:元素獲得焦點的時候觸發
鼠標事件：
onclick:鼠標單擊事件
ondblclick:鼠標雙擊事件。 鼠標雙擊事件和單機事件不能同時使用
onmouseover:鼠標移入事件
onmouseout:鼠標移出事件
<input type="button" onclick="alert("1")">-------------------不正確
<input type="button" onclick="alert('1')">-------------------正確
雙引號中再用雙引號要這樣：
var str = "abc\"def\"ghi"
用反斜杠來禁止解析雙引號。