<!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"
用反斜杠来禁止解析双引号。