JavaScript鼠标单击事件(onclick)

onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。

来看个例子

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
            function fun1(){
                window.alert("欢迎来到php.cn")
            } 
            function fun2(){
                window.alert("你看,你还是点了我")
            }
        </script>
    </head>
    <body>
        <form>
            <input name="点我看看" type="button" value="点我看看" onclick="fun1()"/>
            <p onclick="fun2()">不要点我</p>
        </form>
    </body>
</html>

大家可以尝试在其它标签上加上onclick事件

继续学习
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> function fun1(){ window.alert("欢迎来到php.cn") } function fun2(){ window.alert("你看,你还是点了我") } </script> </head> <body> <form> <input name="点我看看" type="button" value="点我看看" onclick="fun1()"/> <p onclick="fun2()">不要点我</p> </form> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

javascript初级教程

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载
张

onclick 点击

4年前    添加回复 0

回复
一辆想出轨的无轨电车

一辆想出轨的无轨电车

一直都能看懂,我是不是能入门了

5年前    添加回复 0

回复
我又来了

我又来了

容易理解

5年前    添加回复 0

回复
学习ing

学习ing

事件绑定函数是这样绑定的啊,学习了

5年前    添加回复 0

回复
橱窗的光

橱窗的光

点击文字的时候弹出信息,不错

5年前    添加回复 0

回复
末日的春天

末日的春天

一点击就出现

5年前    添加回复 0

回复

关于i++输出值的问题

[最新 老洪 的回答]贴代码说明。不贴,光看描述看不明白

时间:2年前

onclick和onClick大小写问题?

[最新 数据分析师 的回答]onclick和onClick大小写问题?-PHP中文网问答-onclick和onClick大小写问题?-PHP中文网问答围观一下哦,学习一下。

时间:5年前

请问一下,下面这两个<input>有啥区别?

[最新 阿神 的回答]name属性在你这句代码里面并不没有太大的作用 另外name的值建议不要是中文的,你给他name属性就相当于你给了这个button一个名字,就像人一样,当需要用你名字的时候去做一件事情的时候你的名字就起作用 不用你名字的时候你就是默默无闻的和别人没有区别, 在js中我们会用name去获取元素及相应的内容 比如 document.getElementsByName("点我看看"); 就可以把所有name叫“点我看看”的形成一个节点列表(类似数组但不是数组),如果你的代码里只有一个这样的名字,你想alert出他是什么元素,可以直接alert(document.getElementsByName("点我看看")[0]);//结果:[object HTMLInputElement];说明他是一个input元素如果你想获取他的value值 ,直接alert(document.getElementsByName("点我看看")[0].value);//结果就是你value的值 你value写的是提交“” 他给你弹出的就是“提交”;

时间:5年前

素颜

素颜

<form> <input name="点我看看" type="button" value="点我看看" onclick="fun1()"/> <p onclick="fun2()">不要点我</p> </form> <script> function fun1(){ window.alert("欢迎来到php.cn") } function fun2(){ window.alert("你看,你还是点了我") } </script>

5年前 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~