莱鸟介绍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根据数据生成百分比图和柱状图的实例代码
Jul 14 Javascript
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
Dec 17 Javascript
javascript工厂方式定义对象
Dec 26 Javascript
javascript常用功能汇总
Jul 05 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
Jul 27 Javascript
AngularJs Modules详解及示例代码
Sep 01 Javascript
微信小程序开发animation心跳动画效果
Aug 16 Javascript
javascript函数的节流[throttle]与防抖[debounce]
Nov 15 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
Jul 26 Javascript
layer ui 导入文件之前传入数据的实例
Sep 23 Javascript
Vue-cli3多页面配置详解
Mar 22 Javascript
微信小程序换肤功能实现代码(思路详解)
Aug 25 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多文件上传功能实现原理及代码
2013/04/18 PHP
php打开文件fopen函数的使用说明
2013/07/05 PHP
详解cookie验证的php应用的一种SSO解决办法
2017/10/20 PHP
java解析json方法总结
2019/05/16 PHP
如何在PHP中读写文件
2020/09/07 PHP
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
2007/04/01 Javascript
基于JQuery 选择器使用说明介绍
2013/04/18 Javascript
Jquery绑定事件(bind和live的区别介绍)
2013/08/23 Javascript
jQuery实现图片放大预览实现原理及代码
2013/09/12 Javascript
jQuery中deferred对象使用方法详解
2016/07/14 Javascript
使用JS代码实现点击按钮下载文件
2016/11/12 Javascript
jquery Banner轮播选项卡
2016/12/26 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
2017/03/09 Javascript
javascript简单链式调用案例分析
2017/05/10 Javascript
vue slots 组件的组合/分发实例
2018/09/06 Javascript
仿ElementUI实现一个Form表单的实现代码
2019/04/23 Javascript
关于AOP在JS中的实现与应用详解
2019/05/06 Javascript
JavaScript实现单图片上传并预览功能
2019/09/30 Javascript
浅谈Webpack4 Tree Shaking 终极优化指南
2019/11/18 Javascript
Vue将props值实时传递 并可修改的操作
2020/08/09 Javascript
openlayers实现地图测距测面
2020/09/25 Javascript
Python requests库用法实例详解
2018/08/14 Python
Python求一批字符串的最长公共前缀算法示例
2019/03/02 Python
Python中一般处理中文的几种方法
2019/03/06 Python
python求最大值最小值方法总结
2019/06/25 Python
浅析python中while循环和for循环
2019/11/19 Python
python异常处理和日志处理方式
2019/12/24 Python
购买一个高级域名:BuyDomains
2018/03/11 全球购物
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
财务会计毕业生个人求职信
2014/02/03 职场文书
2014年党总支工作总结
2014/12/18 职场文书
暑期实践个人总结
2015/03/06 职场文书
高考1977观后感
2015/06/04 职场文书
放假通知怎么写
2015/08/18 职场文书
三下乡活动心得体会
2016/01/23 职场文书
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js