<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. 不同app之间activity的跳转

    关键在于指定activity的action属性 <activity android:name=".HardActivity"> <intent-filter> ...

  2. hdu - 2851 Lode Runner (最短路)

    http://acm.hdu.edu.cn/showproblem.php?pid=2851 首先有n层,每层的路径都有一个起点和终点和对应的危险值,如果某两层之间有交集,就能从这一层上到另外一层,不 ...

  3. Java电商项目-8.实现SSO单点登陆

    目录 创建ashop-sso-web单点登陆系统 用户名唯一性验证 用户注册 用户登陆 获得用户登陆状态 实现安全退出 项目的Github地址 创建ashop-sso-web单点登陆系统 先创建好模块 ...

  4. oracle链接不上的问题

    使用plSql连接数据库看看,登录提示如下:ORA-12514:TNS:监听程序当前无法识别连接描述符中请求的服务. 查了许久的baidu也没有解决问题的方法.想起来看看oracle的服务是否开启,O ...

  5. elk实时日志分析平台部署搭建详细实现过程

    原文:http://blog.csdn.net/mchdba/article/details/52132663 1.ELK平台介绍 在搜索ELK资料的时候,发现这篇文章比较好,于是摘抄一小段:以下内容 ...

  6. Vuzzer自动漏洞挖掘工具简单分析附使用介绍

    Vuzzer 是由计算机科学机构  Vrije Universiteit Amsterdam.Amsterdam Department of Informatics 以及 International ...

  7. 条款十五: 让operator=返回*this的引用

    c++程序员经常犯的一个错误是让operator=返回void,这好象没什么不合理的,但它妨碍了连续(链式)赋值操作,所以不要这样做. 一般情况下几乎总要遵循operator=输入和返回的都是类对象的 ...

  8. 【转】C++ 进程间的通讯(一):简单的有名管道实现

    原文: C++ 进程间的通讯(一):简单的有名管道实现 -------------------------------------------------- 进程间的通讯(一):简单的有名管道实现   ...

  9. Trie树（Prefix Tree）介绍

    本文用尽量简洁的语言介绍一种树形数据结构 -- Trie树. 一.什么是Trie树 Trie树,又叫字典树.前缀树(Prefix Tree).单词查找树 或 键树,是一种多叉树结构.如下图: 上图是一 ...

  10. 水晶报表 Crystal Report 调用存储过程时出错 找不到表 ，解决方法。

    用 CrystalReportViewer1 控件在asp.net的网页上显示报表,假设做报表时调用数据表数据的方式调用是能够成功的.但报表是用存储过程获取数据方式会出现下面错误: 找不到表'RptO ...