莱鸟介绍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 相关文章推荐
一个网马的tips实现分析
Nov 28 Javascript
Jquery:ajax实现翻页无刷新功能代码
Aug 05 Javascript
iframe里的页面禁止右键事件的方法
Jun 10 Javascript
Javascript访问器属性实例分析
Dec 30 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
May 11 Javascript
JS判断是否手机或pad访问实现方法
Dec 09 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
Feb 24 Javascript
基于JS实现限时抢购倒计时间表代码
May 09 Javascript
js+SVG实现动态时钟效果
Jul 14 Javascript
jQuery操作cookie的示例代码
Jun 05 jQuery
Vue作用域插槽实现方法及作用详解
Jul 08 Javascript
字节飞书面试promise.all实现示例
Jun 16 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 图片上传类代码
2009/07/17 PHP
php跨站攻击实例分析
2014/10/28 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
PHP并发查询MySQL的实例代码
2017/08/09 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
Javascript与flash交互通信基础教程
2008/08/07 Javascript
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
2012/01/15 Javascript
纯js网页画板(Graphics)类简介及实现代码
2012/12/24 Javascript
js获取视频时长代码
2014/04/10 Javascript
教你如何使用PHP输出中文JSON字符串
2014/05/22 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
2014/08/12 Javascript
javascript实现汉字转拼音代码分享
2015/04/20 Javascript
jQuery选择器及jquery案例详解(必看)
2016/05/20 Javascript
jQuery实现table中的tr上下移动并保持序号不变的实例代码
2016/07/11 Javascript
jQuery自定义组件(导入组件)
2016/11/08 Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
2017/08/10 jQuery
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
2017/08/16 Javascript
函数式编程入门实践(一)
2019/04/20 Javascript
Python 随机生成中文验证码的实例代码
2013/03/20 Python
详解Python中的正则表达式的用法
2015/04/09 Python
python将文本中的空格替换为换行的方法
2018/03/19 Python
pandas 把数据写入txt文件每行固定写入一定数量的值方法
2018/12/28 Python
Python txt文件加入字典并查询的方法
2019/01/15 Python
python自定义函数实现最大值的输出方法
2019/07/09 Python
Python面向对象程序设计之私有变量,私有方法原理与用法分析
2020/03/23 Python
Python3.9.1中使用split()的处理方法(推荐)
2021/02/07 Python
捷克钓鱼用品网上商店:Parys.cz
2018/06/15 全球购物
Laravel的加密解密与哈希实例讲解
2021/03/24 PHP
数学国培研修感言
2014/02/13 职场文书
陈欧的广告词
2014/03/18 职场文书
协议书格式
2014/04/23 职场文书
中学优秀班主任事迹材料
2014/05/01 职场文书
电钳工人个人求职信
2014/05/10 职场文书
2015年社区综治工作总结
2015/04/21 职场文书
2015年英语教研组工作总结
2015/05/23 职场文书
深入浅析Redis 集群伸缩原理
2021/05/15 Redis