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点击事件的主要内容,如果未能解决你的问题,请参考以下文章

为啥片段中的晶圆厂不响应点击事件?

操作栏项目是可点击的,但不响应片段中的事件

js模拟点击事件实现代码

js如何给按钮添加点击事件

JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题

如何js实现触屏点击事件