编程 Javascript

莱鸟介绍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 onclick事件

- Author -

mrr

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript 陷阱 window全局对象

Nov 26 Javascript

Javascript中的for in循环和hasOwnProperty结合使用

Jun 05 Javascript

JavaScript根据数据生成百分比图和柱状图的实例代码

Jul 14 Javascript

浅谈JavaScript的事件

Feb 27 Javascript

对JavaScript的全文搜索实现相关度评分的功能的方法

Jun 24 Javascript

js实现文字在按钮上滚动的方法

Aug 20 Javascript

Angularjs过滤器实现动态搜索与排序功能示例

Dec 13 Javascript

vue+element模态框中新增模态框和删除功能

Jun 11 Javascript

Vue form表单动态添加组件实战案例

Sep 02 Javascript

jQuery表单校验插件validator使用方法详解

Feb 18 jQuery

Vue路由切换页面不更新问题解决方案

Jul 10 Javascript

vue 动态添加class,三个以上的条件做判断方式

Nov 02 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