<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. Thinkphp5.0 的使用模型Model删除数据

    Thinkphp5.0 的使用模型Model删除数据 一.使用destory()删除数据 //删除id为3的记录 $res = User::destroy(3); //返回影响的行数 dump($re ...

  2. ****Call to a member function item() on a non-object

    A PHP Error was encountered Severity: Error Message: Call to a member function item() on a non-objec ...

  3. Uva -1515 Pool construction(最小割)

    输入一个字符矩阵,'.'代表洞,'#'代表草地.可以把草改成洞花费为d,或者把洞改成草花费为f,最后还要在草和洞之间修围栏花费为b. 首先把最外一圈的洞变成草,并累加花费. 增加一个源点和一个汇点,源 ...

  4. Ubuntu 16.04安装录屏软件SimpleScreenRecorder

    安装: sudo add-apt-repository ppa:maarten-baert/simplescreenrecorder sudo apt-get update sudo apt-get ...

  5. Tree Operations 打印出有向图中的环

    题目: You are given a binary tree with unique integer values on each node. However, the child pointers ...

  6. 【DataStructure】Charming usage of Set in the java

    In an attempt to remove duplicate elements from list, I go to the lengths to take advantage of  meth ...

  7. 使用requireJS的shim參数，完毕jquery插件的载入

    没有requireJS框架之前,假设我们想使用jquery框架,会在HTML页面中通过<script>标签载入.这个时候jquery框架生成全局变量$和jQuery等全局变量.假设项目中引 ...

  8. MariaDB -- 数据类型

    Mariadb 的数据类型 MariaDB数据类型可以分为数字,日期和时间以及字符串值. 使用数据类型的原则:够用就行, 尽量使用范围小的,而不用大的 常用的数据类型 整数:int, bit 小数:d ...

  9. Android 网络学习之获取server文本文件

    上次我们学习怎样从网络上获取一张图片,今天我们学习怎样从网络上获取文本文件.以XML文件为样例. 由于XML文件在实际开发中最为常见. 我们以以下图片为样例学习怎样从网络上获取XML文件 我们的xml ...

  10. Android Studio 使用 SVN 必然遇到问题：commit ** File out of data 问题解决方法

    转载请注明:http://blog.csdn.net/lrs123123/article/details/44829579 Android Studio 的使用已经越来越成为趋势.而结合版本号控制工具 ...