<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>&nbsp;&nbsp;</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>&nbsp;&nbsp;</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_____如何编写事件处理程序的更多相关文章

  1. javaScript事件（二）事件处理程序

    一.事件 二.事件流 以上内容见:javaScript事件(一)事件流 三.事件处理程序 前面提到,事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字.响应 ...

  2. js事件流、事件处理程序/事件侦听器

    1.事件流 事件冒泡 IE的事件流叫做事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档). 事件捕获 ...

  3. C#三步实现标准事件处理程序

    事件,MSDN解释:类或对象可以通过事件向其他类或对象通知发生的相关事情.发送(或引发)事件的类称为“发行者”,接收(或处理)事件的类称为“订户”. 有关事件的理论与好处,在这里就不再废话了,感兴趣的 ...

  4. 学习javascript中的事件——事件处理程序

    事件就是用户或浏览器自身执行的某种动作.诸如 click.load 和 mouseover ,都是事件的名字.而响应某个事件的函数就叫做事件处理程序(或事件侦听器).事件处理程序的名字以“on”开头, ...

  5. KnockoutJS 3.X API 第七章 其他技术(5) 使用其他事件处理程序

    在大多数情况下,数据绑定属性提供了一种干净和简洁的方式来绑定到视图模型. 然而,事件处理是一个常常会导致详细数据绑定属性的领域,因为匿名函数通常是传递参数的推荐技术. 例如: <a href=& ...

  6. 深入理解DOM事件机制系列第二篇——事件处理程序

    × 目录 [1]HTML [2]DOM0级 [3]DOM2级[4]IE[5]总结 前面的话 事件处理程序又叫事件侦听器,实际上就是事件的绑定函数.事件发生时会执行函数中相应代码.事件处理程序有HTML ...

  7. JavaScript事件对象与事件处理程序

    在学习之前建议请看一下事件流.事件冒泡.事件捕获 一.事件对象 事件对象:在DOM触发事件时,会产生一个事件对象event,这个事件对象包含着所有与事件相关的信息.既然event是事件对象,那么它必然 ...

  8. JS事件-事件处理程序-笔记总结ing...

    html事件处理程序:缺点-行为与结构耦合<input type="button" onclick = "diaoyong();"> dom0级事件 ...

  9. JavaScript事件处理程序

    JavaScript中的事件处理程序主要分为3种: HTML事件处理程序: <script type="text/javascript"> // HTML事件处理程序 ...

随机推荐

  1. 【Tomcat】Tomcat性能分析

    一.预研任务介绍和预研目标 任务介绍: Apache Tomcat是目前较为流行的web服务器,以其技术先进.性能稳定著称,其次它还是一个免费开源的项目. Tomcat性能分析的意义在于能为日常工作中 ...

  2. Delphi与Windows 7下的用户账户控制(UAC)机制

    WIN7, Vista提供的UAC机制,它的主要目的是防止对于操作系统本身的恶意修改.对于Delphi程序的影响,UAC主要在于以下几点:1.由于UAC机制,Delphi对于系统的操作可能无声的失败, ...

  3. 学习日常笔记<day10>servlet编程

    1 如何开发一个Servlet 1.1 步骤: 1)编写java类,继承HttpServlet类 2)重新doGet和doPost方法 3)Servlet程序交给tomcat服务器运行!! 3.1 s ...

  4. 百度UEditor富文本上传图片

    项目中使用UEditor发现设置图片自定义保存路径会出现<请求后台配置项http错误,上传功能将不能正常使用!错误> /* 上传图片配置项 */ "imageActionName ...

  5. 我的arcgis培训照片9

    来自:http://www.cioiot.com/successview-547-1.html

  6. shell脚本变量的参数

    https://stackoverflow.com/questions/5163144/what-are-the-special-dollar-sign-shell-variables mkdir f ...

  7. solr入门之solr的拼写检查功能的应用级别尝试

    今天主要是收集了些拼写检查方面的资料和 尝试使用一下拼写检查的功能--=遇到了不少问题 拼写检查的四种配置眼下我仅仅算是成功了半个吧 --------------------------------- ...

  8. c#实现播放器的集中方式

    http://www.cnblogs.com/iskyoole/archive/2012/03/25/2417181.html(原文链接地址) 一.使用vs自带的windows media play控 ...

  9. 2016/1/18 Java开发中的23种设计模式详解(转)

    设计模式(Design Patterns) ——可复用面向对象软件的基础 设计模式(Design pattern)是一套被反复使用.多数人知晓的.经过分类编目的.代码设计经验的总结.使用设计模式是为了 ...

  10. what is Servlet Container[转载]

    1 在这个博客中,我将描述一下web服务器.Servlet容器的基本概念,以及Servlet容器和jvm之间的关系.我想要证明的是Servlet容器不过就是一个java程序. 2 什么是web服务器 ...