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事件处理程序 ...
随机推荐
- [NOIP2007] 提高组 洛谷P1097 统计数字
题目描述 某次科研调查时得到了n个自然数,每个数均不超过1500000000(1.5*10^9).已知不相同的数不超过10000个,现在需要统计这些自然数各自出现的次数,并按照自然数从小到大的顺序输出 ...
- msp430入门学习00
在TI官网上找到MSP430的程序例程.数据手册.使用指南等文件.以MSP430F169为例,步骤如下: 1)进入ti官网:http://www.ti.com.cn/ 或者http://www.ti. ...
- ***CSS总结-原创
CSS规则 第一个是:选择符.和jquery的选择器是一个意思大括号是:申明块里面KV是:属性和属性值分号是结束符 类别选择符(器) p.red的意思,就是对p标签中类为red的进行CSS作用 ID选 ...
- [bzoj3712][PA2014]Fiolki_倍增LCA
Fiolki bzoj-3712 PA-2014 题目大意:题目链接. 注释:略. 想法: 神题! 我们建树:对于一次倾倒操作,我们弄一个新的大瓶子作为两个合并瓶子的父亲节点,与两个瓶子相连. 对于一 ...
- spring 拦截器整体配置
1.spring boot拦截器默认有 HandlerInterceptorAdapter AbstractHandlerMapping UserRoleAuthorizationIntercepto ...
- MySQL入门笔记 - 数据库概述
参考书籍<MySQL入门很简单> 1.数据库 数据库(DataBase)是一个存储数据的仓库,将数据按照特定的规律存储在磁盘上. 2.数据存储方式 数据存储方式分为3个阶段:人工管理阶段. ...
- 003 rip
r0#config t Enter configuration commands, one per line. End with CNTL/Z. r0(config)#router rip r0(c ...
- kvc VS kvo
Kvo是Cocoa的一个重要机制,它主要是用于对一个属性的新旧值的监控. 例如说依据A(数 据类)的某个属性值变化,B(view类)中的某个属性做出对应变化.对于MVC,kvo应用的地方很广泛. 使用 ...
- 浅谈MySQL load data local infile细节 -- 从源码层面
相信大伙对mysql的load data local infile并不陌生,今天来巩固一下这里面隐藏的一些细节,对于想自己动手开发一个mysql客户端有哪些点需要注意的呢? 首先,了解一下流程: 3个 ...
- MyEclipse+Tomcat+MAVEN+SVN项目完整环境搭建
这次换了台电脑,所以须要又一次配置一次项目开发环境,过程中的种种,记录下来,便于以后再次安装.同一时候给大家一个參考. 1.JDK的安装 首先下载JDK,这个从sun公司官网能够下载.依据自己的系统选 ...