莱鸟介绍javascript onclick事件


Posted in Javascript onJanuary 06, 2016

onclick事件的定义和用法:

当点击对象的时候会触发此事件。

浏览器支持:

1.IE浏览器支持此事件。
2.火狐浏览器支持此事件。
3.Opera浏览器支持此事件。
4.谷歌浏览器支持此事件。
5.safria浏览器支持此事件。

实例代码:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="https://3water.com/" />
<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 相关文章推荐
Js切换功能的简单方法
Nov 23 Javascript
js播放wav文件(源码)
Apr 22 Javascript
JavaScript函数详解
Nov 17 Javascript
jQuery中用dom操作替代正则表达式
Dec 29 Javascript
javascript事件冒泡实例分析
May 13 Javascript
如何使用jquery修改css中带有!important的样式属性
Apr 28 Javascript
AngularJS表单验证中级篇(3)
Sep 28 Javascript
javascript读取文本节点方法小结
Dec 15 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
May 02 Javascript
用Vue编写抽象组件的方法
May 06 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
Jul 23 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
Nov 17 Javascript
莱鸟介绍window.print()方法
Jan 06 #Javascript
JavaScript实现点击按钮直接打印
Jan 06 #Javascript
javascript中加var和不加var的区别 你真的懂吗
Jan 06 #Javascript
JavaScript引用类型和基本类型详解
Jan 06 #Javascript
js模仿java的Map集合详解
Jan 06 #Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
Jan 06 #Javascript
JavaScript iframe数据共享接口实现方法
Jan 06 #Javascript
You might like
收藏的一个php小偷的核心程序
2007/04/09 PHP
PHP中使用gettext来支持多语言的方法
2011/05/02 PHP
php fputcsv命令 写csv文件遇到的小问题(多维数组连接符)
2011/05/24 PHP
深入学习微信网址链接解封的防封原理visit_type
2019/08/15 PHP
jQuery 通过事件委派一次绑定多种事件,以减少事件冗余
2010/06/30 Javascript
网页中CDATA标记的说明
2010/09/12 Javascript
基于JQuery的抓取博客园首页RSS的代码
2011/12/01 Javascript
js日期时间补零的小例子
2013/03/05 Javascript
js中的布尔运算符使用介绍
2013/11/20 Javascript
基于ajax实现文件上传并显示进度条
2015/08/03 Javascript
莱鸟介绍javascript onclick事件
2016/01/06 Javascript
Bootstrap模块dropdown实现下拉框响应
2016/05/22 Javascript
浅谈JS中json数据的处理
2016/06/30 Javascript
微信小程序 实战实例开发流程详细介绍
2017/01/05 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
2017/03/21 Javascript
在HTML文档中嵌入JavaScript的四种方法
2018/05/07 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
2020/03/12 jQuery
js实现简易计算器小功能
2020/11/18 Javascript
[04:40]2016国际邀请赛中国区预选赛全程TOP10镜头集锦
2016/07/01 DOTA
[01:03:27]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python的消息队列包SnakeMQ使用初探
2016/06/29 Python
浅谈python函数之作用域(python3.5)
2017/10/27 Python
python 动态加载的实现方法
2017/12/22 Python
Python读取word文本操作详解
2018/01/22 Python
python pandas生成时间列表
2019/06/29 Python
django实现将修改好的新模型写入数据库
2020/03/31 Python
利用CSS3实现的文字定时向上滚动
2016/08/29 HTML / CSS
法学毕业生自我鉴定
2013/11/08 职场文书
信息技术专业个人自我评价
2013/12/11 职场文书
新闻学专业个人求职信写作
2014/02/04 职场文书
服装设计师职业生涯规划范文
2014/02/28 职场文书
党的群众路线教育实践活动党员个人整改措施
2014/10/27 职场文书
尊师重教主题班会
2015/08/14 职场文书
小学语文继续教育研修日志
2015/11/13 职场文书
Windows server 2012 NTP时间同步的实现
2022/06/25 Servers