莱鸟介绍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去除字符串的空格增强版(可以去除中间的空格)
Aug 26 Javascript
javascript 文本框水印/占位符(watermark/placeholder)实现方法
Jan 15 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
Jul 25 Javascript
关于JavaScript中的关联数组分析
Apr 09 Javascript
jquery动态添加删除div 具体实现
Jul 20 Javascript
了不起的node.js读书笔记之mongodb数据库交互
Dec 22 Javascript
Js实现自定义右键行为
Mar 26 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
Jan 28 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
vue的事件绑定与方法详解
Aug 16 Javascript
Vue.js2.0中的变化小结
Oct 24 Javascript
解决vue字符串换行问题(绝对管用)
Aug 06 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一次性删除前台checkbox多选内容的方法
2013/09/22 PHP
php中cookie的使用方法
2014/03/29 PHP
PHP JSON出错:Cannot use object of type stdClass as array解决方法
2014/08/16 PHP
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
PHP+JS实现的实时搜索提示功能
2018/03/13 PHP
jQuery 使用手册(五)
2009/09/23 Javascript
jquery 插件开发方法小结
2009/10/23 Javascript
JavaScript中继承的一些示例方法与属性参考
2010/08/07 Javascript
javascript 运算数的求值顺序
2011/08/23 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
2013/07/08 Javascript
jQuery对下拉框,单选框,多选框的操作
2014/02/21 Javascript
在IE8上JS实现combobox支持拼音检索功能
2016/05/23 Javascript
微信小程序 progress组件详解及实例代码
2016/10/25 Javascript
Bootstrap框架安装使用详解
2017/01/21 Javascript
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
JavaScript 判断对象中是否有某属性的常用方法
2018/06/14 Javascript
JavaScript中为事件指定处理程序的五种方式分析
2018/07/27 Javascript
JavaScript 性能提升之路(推荐)
2019/04/10 Javascript
vue从零实现一个消息通知组件的方法详解
2020/03/16 Javascript
原生JS实现九宫格抽奖
2020/09/13 Javascript
vue下载二进制流图片操作
2020/10/26 Javascript
Python操作MySQL简单实现方法
2015/01/26 Python
详解python多线程、锁、event事件机制的简单使用
2018/04/27 Python
python存储16bit和32bit图像的实例
2018/12/05 Python
python 发送和接收ActiveMQ消息的实例
2019/01/30 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
2021/01/15 Python
最好的意大利皮夹克:D’Arienzo
2018/12/04 全球购物
优秀幼教自荐信
2014/02/03 职场文书
大型公益活动策划方案
2014/08/20 职场文书
改作风抓落实促发展心得体会
2014/09/10 职场文书
公证委托书格式
2014/09/13 职场文书
司机工作自我鉴定
2014/09/19 职场文书
2014年体育工作总结
2014/11/24 职场文书
2015年学校总务处工作总结
2015/05/19 职场文书
浅谈python中的多态
2021/06/15 Python
Python进程池与进程锁之语法学习
2022/04/11 Python