莱鸟介绍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 相关文章推荐
从JavaScript 到 JQuery (1)学习小结
Feb 12 Javascript
javascript高级学习笔记整理
Aug 14 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
Dec 04 Javascript
一个CSS+jQuery实现的放大缩小动画效果
Feb 19 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
Nov 17 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
Nov 30 Javascript
jQuery Validate表单验证入门学习
Dec 18 Javascript
Vue.js中组件中的slot实例详解
Jul 17 Javascript
javascript设计模式 ? 享元模式原理与用法实例分析
Apr 15 Javascript
vue addRoutes路由动态加载操作
Aug 04 Javascript
基于Cesium绘制抛物弧线
Nov 18 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
莱鸟介绍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 COOKIE及时生效的方法介绍
2014/02/14 PHP
ThinkPHP中order()使用方法详解
2016/04/19 PHP
HR vs CL BO3 第二场 2.13
2021/03/10 DOTA
List Installed Hot Fixes
2007/06/12 Javascript
兼容FireFox 的 js 日历 支持时间的获取
2009/03/04 Javascript
JavaScript 异步调用框架 (Part 3 - 代码实现)
2009/08/04 Javascript
Ajax 数据请求的简单分析
2011/04/05 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
2013/09/16 Javascript
js判断60秒以及倒计时示例代码
2014/01/24 Javascript
jquery live()调用不存在的解决方法
2014/02/26 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
js判断上传文件后缀名是否合法
2016/01/28 Javascript
微信小程序 Record API详解及实例代码
2016/09/30 Javascript
微信小程序 用户数据解密详细介绍
2017/01/09 Javascript
nodejs实现发出蜂鸣声音(系统报警声)的方法
2017/01/18 NodeJs
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
鼠标经过出现气泡框的简单实例
2017/03/17 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
2017/03/30 Javascript
详解用函数式编程对JavaScript进行断舍离
2017/09/18 Javascript
Vue清除定时器setInterval优化方案分享
2020/07/21 Javascript
在Linux系统上安装Python的Scrapy框架的教程
2015/06/11 Python
Python定时器实例代码
2017/11/01 Python
python生成密码字典的方法
2018/07/06 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
python截取两个单词之间的内容方法
2018/12/25 Python
HTML5新特性之用SVG绘制微信logo
2016/02/03 HTML / CSS
Spartoo葡萄牙鞋类网站:线上销售鞋履与时尚配饰
2017/01/11 全球购物
Emporio Armani腕表天猫官方旗舰店:乔治·阿玛尼为年轻人设计的副线品牌
2017/07/02 全球购物
白兰氏健康Mall:BRAND’S
2017/11/13 全球购物
英国女装网上商店:I Saw It First
2018/10/18 全球购物
What's the difference between an interface and abstract class? (接口与抽象类有什么区别)
2012/10/29 面试题
学生会竞选自荐信
2013/10/12 职场文书
经理助理岗位职责
2014/03/05 职场文书
《狼王梦》读后感:可怜天下父母心
2019/11/01 职场文书
MySQL系列之七 MySQL存储引擎
2021/07/02 MySQL
叶县这家生产军用电台的兵工厂,人称“四机部”,走出一上将
2022/02/18 无线电