DHTML_____如何编写事件处理程序
<html>
<head>
<meta charset="utf-8">
<title>如何编写事件处理程序</title>
</head> <body oncontextmenu="hidecontentmenu()">
<div style="text-align:center"><b>如何编写事件处理程序</b></div>
<div>
<span onmouseover="demo('idDiv1')">111</span>
<span> </span>
<span onmouseover="demo('idDiv2')">222</span>
</div>
<div>
<p id="idDiv1">qqqqqqqqqqqqqqqqqqqqqq</p>
<p id="idDiv2" style="display:none">wwwwwwwwwwwwwwwwwwwwww</p>
</div>
<button onclick="close2()">button</button>
<script language="javascript">
//方式一 设置鼠标右击不弹出上下文
function hidecontentmenu(){
window.event.returnValue=false;//方式二 在这里改成return false; 在body中改成return hidecontentmenu()
}//方式三 直接在body中设置为oncontextmenu="return false" //方式四 设置元素对象的事件属性，使事件属性值等于函数名或程序代码
//document.oncontextmenu=hidecontentmenu; //方式五 for指定事件源 event指定事件名
//<script language="javascript" for="document" event="oncontextmenu">
// window.event.returnValue=false; function close2(){
//window.open("http://www.baidu.com","_blank","top=0,left=0,width=200px,height=200px,toolbar=no");
//window.setTimeout('window.close()',5000);
} 老师上午所讲
//onclick的两种写法
//document.getElementById("Id").onclick=close2;//函数名
//document.getElementById("Id").click(); </script> <script language="javascript">
function demo(obj){
for(var i=1;i<5;i++){
var id=document.getElementById('idDiv'+i);
if(id!=null){
id.style.display="none";
}
}
var idDiv=document.getElementById(obj);
idDiv.style.display="block";
}
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>如何编写事件处理程序</title>
</head> <body oncontextmenu="hidecontentmenu()">
<div style="text-align:center"><b>如何编写事件处理程序</b></div>
<div>
<span onmouseover="demo('idDiv1')">111</span>
<span> </span>
<span onmouseover="demo('idDiv2')">222</span>
</div>
<div>
<p id="idDiv1">qqqqqqqqqqqqqqqqqqqqqq</p>
<p id="idDiv2" style="display:none">wwwwwwwwwwwwwwwwwwwwww</p>
</div>
<button onclick="close2()">button</button>
<script language="javascript">
//方式一 设置鼠标右击不弹出上下文
function hidecontentmenu(){
window.event.returnValue=false;//方式二 在这里改成return false; 在body中改成return hidecontentmenu()
}//方式三 直接在body中设置为oncontextmenu="return false" //方式四 设置元素对象的事件属性，使事件属性值等于函数名或程序代码
//document.oncontextmenu=hidecontentmenu; //方式五 for指定事件源 event指定事件名
//<script language="javascript" for="document" event="oncontextmenu">
// window.event.returnValue=false; function close2(){
//window.open("http://www.baidu.com","_blank","top=0,left=0,width=200px,height=200px,toolbar=no");
//window.setTimeout('window.close()',5000);
} 老师上午所讲
//onclick的两种写法
//document.getElementById("Id").onclick=close2;//函数名
//document.getElementById("Id").click(); </script> <script language="javascript">
function demo(obj){
for(var i=1;i<5;i++){
var id=document.getElementById('idDiv'+i);
if(id!=null){
id.style.display="none";
}
}
var idDiv=document.getElementById(obj);
idDiv.style.display="block";
}
</script>
</body>
</html>
DHTML_____如何编写事件处理程序的更多相关文章
- javaScript事件（二）事件处理程序
一.事件 二.事件流 以上内容见:javaScript事件(一)事件流 三.事件处理程序 前面提到,事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字.响应 ...
- js事件流、事件处理程序/事件侦听器
1.事件流 事件冒泡 IE的事件流叫做事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档). 事件捕获 ...
- C#三步实现标准事件处理程序
事件,MSDN解释:类或对象可以通过事件向其他类或对象通知发生的相关事情.发送(或引发)事件的类称为“发行者”,接收(或处理)事件的类称为“订户”. 有关事件的理论与好处,在这里就不再废话了,感兴趣的 ...
- 学习javascript中的事件——事件处理程序
事件就是用户或浏览器自身执行的某种动作.诸如 click.load 和 mouseover ,都是事件的名字.而响应某个事件的函数就叫做事件处理程序(或事件侦听器).事件处理程序的名字以“on”开头, ...
- KnockoutJS 3.X API 第七章 其他技术(5) 使用其他事件处理程序
在大多数情况下,数据绑定属性提供了一种干净和简洁的方式来绑定到视图模型. 然而,事件处理是一个常常会导致详细数据绑定属性的领域,因为匿名函数通常是传递参数的推荐技术. 例如: <a href=& ...
- 深入理解DOM事件机制系列第二篇——事件处理程序
× 目录 [1]HTML [2]DOM0级 [3]DOM2级[4]IE[5]总结 前面的话 事件处理程序又叫事件侦听器,实际上就是事件的绑定函数.事件发生时会执行函数中相应代码.事件处理程序有HTML ...
- JavaScript事件对象与事件处理程序
在学习之前建议请看一下事件流.事件冒泡.事件捕获 一.事件对象 事件对象:在DOM触发事件时,会产生一个事件对象event,这个事件对象包含着所有与事件相关的信息.既然event是事件对象,那么它必然 ...
- JS事件-事件处理程序-笔记总结ing...
html事件处理程序:缺点-行为与结构耦合<input type="button" onclick = "diaoyong();"> dom0级事件 ...
- JavaScript事件处理程序
JavaScript中的事件处理程序主要分为3种: HTML事件处理程序: <script type="text/javascript"> // HTML事件处理程序 ...
随机推荐
- I - Balancing Act POJ - 1655
Consider a tree T with N (1 <= N <= 20,000) nodes numbered 1...N. Deleting any node from the t ...
- JavaScript高级篇之Function对象
JavaScript高级篇之Function对象 一: Function对象引入: Function对象是js的方法对象,可以用Function实例化出任何js方法对象. 例如: <%@ pag ...
- java核心技术卷一
java核心技术卷一 java基础类型 整型 数据类型 字节数 取值范围 int 4 +_2^4*8-1 short 2 +_2^2*8-1 long 8 +_2^8*8-1 byte 1 -128- ...
- Kafka跨集群同步工具——MirrorMaker
MirrorMaker是为解决Kafka跨集群同步.创建镜像集群而存在的.下图展示了其工作原理.该工具消费源集群消息然后将数据又一次推送到目标集群. watermark/2/text/aHR0cDov ...
- C语言++a与a++的实现机制与操作符结合优先级
看到一道"经典Linux C"面试题,关于左值和右值的. 华为笔试题 1.写出推断ABCD四个表达式的是否正确, 若正确, 写出经过表达式中 a的值(3分) int a = 4; ...
- javascript闭包具体解释
今天我们从内存结构上来解说下 javascript中的闭包概念. 闭包:是指有权訪问另外一个函数作用域中的变量的函数. 创建闭包的常见方式就是在一个函数内部创建另外一个函数. 在javascript中 ...
- Android实战简易教程-第四十五枪（SlideSwitch-好看又有用的开关button）
开关button也是在项目中经经常使用到的控件,github上有开源的项目,我们研究下它的用法: 1.SlideButton.java: /* * Copyright (C) 2015 Quinn C ...
- 2016/2/21 JavaScript简介
1,javaScript 是什么? 是脚本语言,需要有宿主文件,它的宿主文件是HTML文件.2,它与Java什么关系? 没有什么直接的关系,Java是Sun公司(被Oracle收购了), netspa ...
- zabbix 监控zookeeper
1.监控脚本如下:check_zookeeper.sh 1 2 #!/bin/bash echo mntr | nc 127.0.0.1 2182 | grep "$1" |awk ...
- ubuntu 截图工具 Shutter，设置快捷键 Ctrl+Alt+A
系统设置 键盘 快捷键 自定义快捷键