js点击事件
Posted recommencer
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js点击事件相关的知识,希望对你有一定的参考价值。
<!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"
用反斜杠来禁止解析双引号。
以上是关于js点击事件的主要内容,如果未能解决你的问题,请参考以下文章