莱鸟介绍javascript onclick事件_javascript技巧

onclick事件的定义和用法:

当点击对象的时候会触发此事件。

浏览器支持:

1.IE浏览器支持此事件。
2.火狐浏览器支持此事件。
3.Opera浏览器支持此事件。
4.谷歌浏览器支持此事件。
5.safria浏览器支持此事件。

实例代码:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.jb51.net/" />
<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事件,希望对大家有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索onclick事件
javascript_onclick
onclick javascript、javascript a onclick、onclickjavascript、javascript中onclick、javascript的onclick,以便于您获取更多的相关知识。

时间: 2024-10-08 19:22:01

莱鸟介绍javascript onclick事件_javascript技巧的相关文章

莱鸟介绍window.print()方法_javascript技巧

print()方法的定义和用法: 此方法可以产生一个打印设置界面,此界面与右击窗口,然后点击打印选项产生的界面一样. 语法结构: window.print() 浏览器支持: 1.IE浏览器支持此属性. 2.Firefox浏览器支持此属性. 3.Opera浏览器支持此属性. 4.chrome浏览器支持此属性. 代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <me

浅谈JavaScript的事件_javascript技巧

1.事件流     事件流描述的是从页面中接收事件的顺序.但是IE提出的是冒泡流,而Netscape Communicator提出的是捕获流. JavaScript事件流 2.事件冒泡(event bubbling)     事件开始由最具体的元素(嵌套层次最深的那个节点)接收,然后逐级向上传播为较不为具体的节点(文档).如下: 复制代码 代码如下: <html>     <head>         <title>事件冒泡</title>     <

javascript 跨浏览器开发经验总结(五) js 事件_javascript技巧

简单事件模型和高级事件模型 简单事件模型和高级事件模型简单事件,就是事件与页面元素直观的绑定在一起的形式,如: 复制代码 代码如下: <div onclick="alert(this.innerHTML);"> element.onclick = function(){alert(this.innerHTML);} 只要不是用了个别浏览器独有的事件,一般的click,mouseover事件等在各浏览器中都可以这么使用. 但是当一个事件需要绑定多个监听,或者需要动态注册/移出

学习JavaScript鼠标响应事件_javascript技巧

本文为大家分享了一个简单的鼠标模拟案例,供大家参考,具体实现内容如下 如何实现捕抓鼠标事件,当鼠标滑动时,获取当前鼠标的坐标,接着在一个透明区域里绑定捕抓的位移,这样就能在模拟的透明区域里实现鼠标滑动的模型. 效果图: HTML代码: <!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title> the mouse </title> <link r

JavaScript每天必学之事件_javascript技巧

其实这篇文章挺早之前就写了,但是由于sf保存方面的bug,所以当时写了一大堆,结果没保存,觉得这个没写完是个不小的遗憾,今天正好有空,就给补充下了,也正好给我的javascript学习总结做一个完结篇.  这里,主要讨论一下js相关的事件--  事件处理程序  在DOM中定义了一些事件, 而响应某个事件的函数就叫事件处理程序(或事件侦听器).事件处理程序的名字一般以"on"开头,例如:onclick等  事件冒泡与捕获  事件流指的是页面中接收事件的顺序,IE,火狐和chrome浏览器

javascript的闭包介绍(司徒正美)_javascript技巧

闭包的定义非常晦涩--闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落.这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义(或创建)时的值(深连结).简单来说,闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量(键值对),而这些键值对是不会随上一级函数的执行完成而销毁.周爱民说得更清楚,闭包就是"属性表",闭包就是一个数据块,闭包就是一个存放着"Name=Value"的对照表.

浅谈javascript的Touch事件_javascript技巧

js的touch事件,一般用于移动端的触屏滑动 复制代码 代码如下: $(function(){document.addEventListener("touchmove", _touch, false);}) function _touch(event){alert(1);} touchstart:当手指触摸屏幕时触发:即使已经有一个手指放在了屏幕上也会触发. touchmove:当手指在屏幕上滑动时连续的触发.在这个事件发生期间,调用preventDefault()可阻止滚动. to

理解javascript中DOM事件_javascript技巧

首先,此文不讨论繁琐细节,但是考虑到读者的心灵感受,本着以积极向上的心态,在此还是会列举示例说明. ​标题为理解DOM事件,那么在此拿一个简单的点击事件为例,希望大家看到这个例子后能触类旁通. 最初我们给页面实现点击,就像下面这样的简单操作. 先定义一个块如<div id="weiyuzhou">微宇宙</div>,之后在<script type="text/javascript"></script>内部实现id为we

javascript 按回车键相应按钮提交事件_javascript技巧

1.使用提交按钮提交,在form表单中的onsubmit事件进行表单验证: 复制代码 代码如下: <script type="text/javascript"> function onSub(){ //表单验证代码 } </script> <form action="" method="" onsubmit="javascript:onSub();"> 2.使用button或图片的oncli