<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 的响应方式

    Thinkphp5.0 的响应方式 $res = config('default_return_type'); dump($res);//默认是html //修改为json \think\Config ...

  2. litepal创建数据库表失败

    今天学习郭神的litepal框架遇到了一个坑,就是程序正常跑了,但是数据库和表完全没创建!!!!!!! 先核对了litepal.xml文件,确认配置正确,assets文件夹放的也正确,最后发现竟然是因 ...

  3. 洛谷 P1018 乘积最大

    P1018 乘积最大 题目描述 今年是国际数学联盟确定的“ 20002000 ――世界数学年”,又恰逢我国著名数学家华罗庚先生诞辰 9090 周年.在华罗庚先生的家乡江苏金坛,组织了一场别开生面的数学 ...

  4. Android GIS开发系列-- 入门季（11） Callout气泡的显示

    一.气泡的简单显示 首先我们要获取MapView中的气泡,通过MapView的getCallout()方法获取一个气泡.看一下Callout的简单介绍: 大体的意思是通过MapView获取Callou ...

  5. how to read openstack code : routes

    When coding a web system, you have to think about an important problem, how to map urls to logic. Op ...

  6. neutron dhcp

    neutron dhcp 采用dnsmasq服务来实现.和传统的 dhcp 一样, dhcp请求也分为4步 The client sends a discover ("I'm a clien ...

  7. 将github上的项目源码导入eclipse详细教程

    将github上的项目源码导入eclipse详细教程 学习了: http://blog.csdn.net/itbiggod/article/details/78462720

  8. JButton点击事件

    JButton点击事件: 以前都是搞一个JFrame,放个JButton,然后用鼠标点击: 忽然之间: import javax.swing.JButton; public class Page06 ...

  9. 【面试加分项】java自己定义注解之解析注解

    我之前的博客中说明过自己定义注解的声明今天我们来看看怎样对我们自己定义的注解进行使用. 1.我们在程序中使用我们的注解. 上一篇中我们自己定义了一个注解: @Target(ElementType.FI ...

  10. __init__、__str__、__del__方法

    1.def__init__()方法: class Cat: """定义了一个Cat类""" #初始化对象 def __init__(self ...