码迷,mamicode.com
首页 > Web开发 > 详细

js点击事件

时间:2019-12-17 00:53:40      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:this   变化   seo   用户名   用户   点击事件   使用   标签   obj   

<!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点击事件

标签:this   变化   seo   用户名   用户   点击事件   使用   标签   obj   

原文地址:https://www.cnblogs.com/recommencer/p/12052117.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!