莱鸟介绍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 相关文章推荐
Chrome中模态对话框showModalDialog返回值问题的解决方法
May 25 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
Dec 29 Javascript
JS 对象属性相关(检查属性、枚举属性等)
Apr 05 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
Jan 13 Javascript
Javascript数组Array基础介绍
Mar 13 Javascript
express文件上传中间件Multer详解
Oct 24 Javascript
H5移动端图片压缩上传开发流程
Nov 09 Javascript
JS简单实现滑动加载数据的方法示例
Oct 18 Javascript
Vue之mixin全局的用法详解
Aug 22 Javascript
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 jQuery
微信小程序select下拉框实现效果
May 15 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
Feb 07 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中调用其他系统http接口的方法说明
2014/02/28 PHP
使用PHP破解防盗链图片的一个简单方法
2014/06/07 PHP
php判断linux下程序问题实例
2015/07/09 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
php微信公众号开发之关键词回复
2018/10/20 PHP
VBScript版代码高亮
2006/06/26 Javascript
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
2013/09/02 Javascript
js中单引号与双引号冲突问题解决方法
2013/10/04 Javascript
jquery实现增加删除行的方法
2015/02/03 Javascript
理解js回收机制通俗易懂版
2016/02/29 Javascript
jquery插入兄弟节点的操作方法
2016/12/07 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
2017/03/14 Javascript
Angular简单验证功能示例
2017/12/22 Javascript
vue中使用sessionStorage记住密码功能
2018/07/24 Javascript
JS动态显示倒计时效果
2019/12/12 Javascript
Nodejs 微信小程序消息推送的实现
2021/01/20 NodeJs
简单谈谈Python流程控制语句
2016/12/04 Python
Python用Pillow(PIL)进行简单的图像操作方法
2017/07/07 Python
Python实现App自动签到领取积分功能
2018/09/29 Python
Python实现连接MySql数据库及增删改查操作详解
2019/04/16 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
python文字转语音实现过程解析
2019/11/12 Python
Python实现对adb命令封装
2020/03/06 Python
PyCharm Anaconda配置PyQt5开发环境及创建项目的教程详解
2020/03/24 Python
Django多层嵌套ManyToMany字段ORM操作详解
2020/05/19 Python
IntelliJ 中配置 Anaconda的过程图解
2020/06/01 Python
pycharm 快速解决python代码冲突的问题
2021/01/15 Python
详解android与HTML混合开发总结
2018/06/06 HTML / CSS
几个SQL的面试题
2014/03/08 面试题
军训感想500字
2014/02/20 职场文书
法学自荐信
2014/06/20 职场文书
2014年学生会工作总结
2014/11/07 职场文书
小学教代会开幕词
2016/03/04 职场文书
利用python调用摄像头的实例分析
2021/06/07 Python
golang三种设计模式之简单工厂、方法工厂和抽象工厂
2022/04/10 Golang