莱鸟介绍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 相关文章推荐
jquery中dom操作和事件的实例学习-表单验证
Nov 30 Javascript
IE关闭时判断及AJAX注销案例学习
Feb 18 Javascript
纯JS实现旋转图片3D展示效果
Apr 12 Javascript
jQuery插件slicebox实现3D动画图片轮播切换特效
Apr 12 Javascript
js去字符串前后空格的实现方法
Feb 26 Javascript
js判断某个字符出现的次数的简单实例
Jun 03 Javascript
微信小程序 rpx 尺寸单位详细介绍
Oct 13 Javascript
layer弹窗插件操作方法详解
May 19 Javascript
webpack构建vue项目的详细教程(配置篇)
Jul 17 Javascript
小程序云函数调用API接口的方法
May 17 Javascript
微信小程序返回上一页传参并刷新过程解析
Dec 13 Javascript
es6函数之rest参数用法实例分析
Apr 18 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
win2003服务器使用WPS的COM组件的一些问题解决方法
2012/01/11 PHP
仿迅雷焦点广告效果(JQuery版)
2008/11/19 Javascript
JQUERY 浏览器判断实现函数
2009/08/20 Javascript
JavaScript 以对象为索引的关联数组
2010/05/19 Javascript
jQuery链式操作如何实现以及为什么要用链式操作
2013/01/17 Javascript
Textbox控件注册回车事件及触发按钮提交事件具体实现
2013/03/04 Javascript
Javascript拓展String方法小结
2013/07/08 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
2016/05/17 Javascript
javascript之Boolean类型对象
2016/06/07 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
JS原型链怎么理解
2016/06/27 Javascript
深入理解jQuery.data() 的实现方式
2016/11/30 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
2017/08/25 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
2017/12/28 Javascript
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
2018/08/22 Javascript
laydate时间日历插件使用方法详解
2018/11/14 Javascript
NProgress显示顶部进度条效果及使用详解
2019/09/21 Javascript
Javascript异步流程控制之串行执行详解
2020/09/27 Javascript
[40:12]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python中set常用操作汇总
2016/06/30 Python
pandas object格式转float64格式的方法
2018/04/10 Python
在python中pandas读文件,有中文字符的方法
2018/12/12 Python
python语言元素知识点详解
2019/05/15 Python
pandas 数据索引与选取的实现方法
2019/06/21 Python
python3.6中@property装饰器的使用方法示例
2019/08/17 Python
Python配置文件处理的方法教程
2019/08/29 Python
python基于pexpect库自动获取日志信息
2021/02/01 Python
KELLER SPORTS荷兰:在线订购最好的运动产品
2020/10/13 全球购物
vue+django实现下载文件的示例
2021/03/24 Vue.js
销售文员岗位职责
2013/11/29 职场文书
反邪教警示教育方案
2014/05/13 职场文书
学习型班组申报材料
2014/05/31 职场文书
节水倡议书
2015/01/19 职场文书
2015年教师自我评价范文
2015/03/04 职场文书
python 单机五子棋对战游戏
2022/04/28 Python