<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. maven坐标查询

    使用maven时,一个经常用到的操作就是去 中央仓库查询相关库的坐标,但在哪里查呢? 1 http://mvnrepository.com/ 服务器是由sonatype提供的,采用的是Nexus服务器 ...

  2. Linux下汇编语言学习笔记42 ---

    这是17年暑假学习Linux汇编语言的笔记记录,参考书目为清华大学出版社 Jeff Duntemann著 梁晓辉译<汇编语言基于Linux环境>的书,喜欢看原版书的同学可以看<Ass ...

  3. Codeforces Round #374 (Div. 2) C DAG上dp

    C. Journey time limit per test 3 seconds memory limit per test 256 megabytes input standard input ou ...

  4. JSP的EL表达式语言

    以下内容引用自http://wiki.jikexueyuan.com/project/jsp/expression-language.html: JSP表达式语言(EL)可以方便地访问存储在JavaB ...

  5. Android: Mac无法找到Android SDK问题

    通过brew cask install android-sdk后,Intellij Idea中设置Android SDK路径失败,解决方法如下: /usr/local/Caskroom/android ...

  6. openWrt 安装管理界面luci中文包

    openWrt15安装管理界面luci中文包   如果刚刷的openwrt15没有中文界面,用ssh连接路由后用opkg安装     root@bang-bang-tang:~# opkg insta ...

  7. [无线路由] “免费”斐讯K2路由器刷OpenWRT（实战MWAN多宽带网速叠加）

    (阿财首发于什么值得买)斐讯K2可以算是一个非常另类的跨界数码产品,其产品完全的醉翁之意不在酒.最多值99元的 MT7260硬件架构和用料,售价399元,金额激活K码后自动转入合作理财P2P平台,等待 ...

  8. 冲刺Offer - 二叉树的深度

    https://www.nowcoder.net/practice/435fb86331474282a3499955f0a41e8b?tpId=13&tqId=11191&tPage= ...

  9. javascript 閉包

    這兩種寫法都是可以的. 第一種: function a(){ var m=[]; for(var i=1; i<10; i++){ (function(i){ function b(){ con ...

  10. C++虚函数表剖析

    关键词:虚函数.虚表,虚表指针,动态绑定,多态 一.概述 为了实现C++的多态,C++使用了一种动态绑定的技术. 这个技术的核心是虚函数表(下文简称虚表).本文介绍虚函数表是怎样实现动态绑定的. 二. ...