编程 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定时机制

Oct 29 Javascript

Javascript 判断是否存在函数的方法

Jan 03 Javascript

JS弹出层单纯的绝对定位居中示例代码

Feb 18 Javascript

JS实现自动定时切换的简洁网页选项卡效果

Oct 13 Javascript

CSS3 media queries结合jQuery实现响应式导航

Sep 30 Javascript

jQuery页面弹出框实现文件上传

Feb 09 Javascript

js实现网页定位导航功能

Mar 07 Javascript

微信小程序功能函数小结(手机号验证*、密码验证*、获取验证码*)

Dec 08 Javascript

Vue 通过自定义指令回顾v-内置指令(小结)

Sep 03 Javascript

详解CommonJS和ES6模块循环加载处理的区别

Dec 26 Javascript

vue 实现websocket发送消息并实时接收消息

Dec 09 Javascript

JavaScript实现模态对话框实例

Jan 13 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