莱鸟介绍javascript onclick事件
2016-01-06 14:38
701 查看
onclick事件的定义和用法:
当点击对象的时候会触发此事件。
浏览器支持:
1.IE浏览器支持此事件。
2.火狐浏览器支持此事件。
3.Opera浏览器支持此事件。
4.谷歌浏览器支持此事件。
5.safria浏览器支持此事件。
实例代码:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="author" content="//www.jb51.net/" /> <title>脚本之家</title> <style type="text/css"> div{ width:100px; height:100px; background-color:red; } </style> <script type="text/javascript"> window.onload=function(){ var mydiv=document.getElementById("mydiv"); mydiv.onclick=function(){ mydiv.style.backgroundColor="green"; } } </script> </head> <body> <div id="mydiv"></div> </body> </html>
通过以上内容给大家简单介绍了javascript onclick事件,希望对大家有所帮助。
您可能感兴趣的文章:
- javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
- javascript 动态改变onclick事件触发函数代码
- js触发asp.net的Button的Onclick事件应用
- js给onclick事件赋值,动态传参数实例解说
- javascript中onclick(this)用法介绍
- IE8的JavaScript点击事件(onclick)不兼容的解决方法
- js给onclick赋值传参数的两种方法
- javascript使用onclick事件改变选中行的颜色
- js动态添加onclick事件可传参数与不传参数
- JavaScript给按钮绑定点击事件(onclick)的方法
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式
- 数组方法汇总