莱鸟介绍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 10 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
Jan 15 Javascript
js 验证身份证信息有效性
Mar 28 Javascript
jQuery实现平滑滚动到指定锚点的方法
Mar 20 Javascript
JavaScript判断是否为数组的3种方法及效率比较
Apr 01 Javascript
JS动态修改图片的URL(src)的方法
Apr 01 Javascript
[原创]jQuery常用的4种加载方式分析
Jul 25 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
Jun 01 Javascript
JS中Safari浏览器中的Date
Jul 17 Javascript
详解关于react-redux中的connect用法介绍及原理解析
Sep 11 Javascript
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
Jul 11 jQuery
vue 判断两个时间插件结束时间必选大于开始时间的代码
Nov 04 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
世界上第一台立体声收音机
2021/03/01 无线电
深入理解PHP原理之错误抑制与内嵌HTML分析
2011/05/02 PHP
php遍历数组的4种方法总结
2014/07/05 PHP
PHP异常处理浅析
2015/05/12 PHP
Laravel5.1 框架控制器基础用法实例分析
2020/01/04 PHP
jQuery性能优化28条建议你值得借鉴
2013/02/16 Javascript
jQuery :first选择器使用介绍
2013/08/09 Javascript
jQuery异步获取json数据方法汇总
2014/12/22 Javascript
快速学习jQuery插件 Cookie插件使用方法
2015/12/01 Javascript
jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
2016/02/25 Javascript
ArtEditor富文本编辑器增加表单提交功能
2016/04/18 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
2016/10/31 Javascript
jQuery+ajax的资源回收处理机制分析
2017/01/07 Javascript
Vue.js路由vue-router使用方法详解
2017/03/20 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
2017/08/17 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
2018/01/27 Javascript
vue中$refs的用法及作用详解
2018/04/24 Javascript
nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法
2018/11/01 NodeJs
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
2020/08/06 Javascript
JavaScript实现音乐导航效果
2020/11/19 Javascript
基于JavaScript实现随机点名器
2021/02/25 Javascript
对python中的xlsxwriter库简单分析
2018/05/04 Python
python 每天如何定时启动爬虫任务(实现方法分享)
2018/05/21 Python
python实现贪吃蛇小游戏
2020/03/21 Python
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
Python对列表的操作知识点详解
2019/08/20 Python
Pytorch之contiguous的用法
2019/12/31 Python
python实现同一局域网下传输图片
2020/03/20 Python
Node.js 和 Python之间该选择哪个?
2020/08/05 Python
Numpy(Pandas)删除全为零的列的方法
2020/09/11 Python
python爬取代理IP并进行有效的IP测试实现
2020/10/09 Python
嘻哈珠宝品牌:KRKC&CO
2020/10/19 全球购物
第二批党的群众路线教育实践活动总结报告
2014/10/30 职场文书
优秀英文求职信范文
2015/03/19 职场文书
使用Docker容器部署rocketmq单机的全过程
2022/04/03 Servers