DHTML_____如何编写事件处理程序
<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> </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> </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_____如何编写事件处理程序的更多相关文章
- javaScript事件（二）事件处理程序
一.事件 二.事件流 以上内容见:javaScript事件(一)事件流 三.事件处理程序 前面提到,事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字.响应 ...
- js事件流、事件处理程序/事件侦听器
1.事件流 事件冒泡 IE的事件流叫做事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档). 事件捕获 ...
- C#三步实现标准事件处理程序
事件,MSDN解释:类或对象可以通过事件向其他类或对象通知发生的相关事情.发送(或引发)事件的类称为“发行者”,接收(或处理)事件的类称为“订户”. 有关事件的理论与好处,在这里就不再废话了,感兴趣的 ...
- 学习javascript中的事件——事件处理程序
事件就是用户或浏览器自身执行的某种动作.诸如 click.load 和 mouseover ,都是事件的名字.而响应某个事件的函数就叫做事件处理程序(或事件侦听器).事件处理程序的名字以“on”开头, ...
- KnockoutJS 3.X API 第七章 其他技术(5) 使用其他事件处理程序
在大多数情况下,数据绑定属性提供了一种干净和简洁的方式来绑定到视图模型. 然而,事件处理是一个常常会导致详细数据绑定属性的领域,因为匿名函数通常是传递参数的推荐技术. 例如: <a href=& ...
- 深入理解DOM事件机制系列第二篇——事件处理程序
× 目录 [1]HTML [2]DOM0级 [3]DOM2级[4]IE[5]总结 前面的话 事件处理程序又叫事件侦听器,实际上就是事件的绑定函数.事件发生时会执行函数中相应代码.事件处理程序有HTML ...
- JavaScript事件对象与事件处理程序
在学习之前建议请看一下事件流.事件冒泡.事件捕获 一.事件对象 事件对象:在DOM触发事件时,会产生一个事件对象event,这个事件对象包含着所有与事件相关的信息.既然event是事件对象,那么它必然 ...
- JS事件-事件处理程序-笔记总结ing...
html事件处理程序:缺点-行为与结构耦合<input type="button" onclick = "diaoyong();"> dom0级事件 ...
- JavaScript事件处理程序
JavaScript中的事件处理程序主要分为3种: HTML事件处理程序: <script type="text/javascript"> // HTML事件处理程序 ...
随机推荐
- 【进击后端】mongodb入门
环境:ubuntu 重要字:数据库,集合,记录,字段 api地址:https://docs.mongodb.com/manual/reference/method/db.collection.upda ...
- Ubuntu 16.04 GNOME在桌面左侧添加启动器（Launcher）
安装Dash to Dock: git clone https://github.com/micheleg/dash-to-dock.git cd dash-to-dock/ make make in ...
- UIButton图片文字位置的四种情况
我们在做项目的过程中经常会遇到各定制UIButton 1.左边图片,右边文字 2.左边文字,右边图片 3.上边图片,下边文字 4.上边文字,下边图片 针对这四种情况 使用UIButton的catego ...
- Mybatis 增强工具包 Mybatis-Plus
原文:https://www.oschina.net/p/mybatis-plus
- How to force immediate stop of threads in Jmeter servers如何在jmeter执行完，立即停止jmeter
https://stackoverflow.com/questions/38900315/how-to-force-immediate-stop-of-threads-in-jmeter-server ...
- jmeter的Classpath即类或者jar包的搜索路径设置
对于master-slave模式,插件和依赖都需要放到slave上才能生效,并且需要重启slave使插件生效 查看配置文件:apache-jmeter-3.1/bin/jmeter.propertie ...
- Windows Update 的工具
Windows Update MiniTool 是一款管理 Windows Update 的工具,可以取得微軟 Windows 修補程式更新包,Windows Update 是我們用來升級系統的元件, ...
- luajit利用ffi结合C语言实现面向对象的封装库
luajit中.利用ffi能够嵌入C.眼下luajit的最新版是2.0.4,在这之前的版本号我还不清楚这个扩展库详细怎么样,只是在2.04中,真的非常爽. 既然是嵌入C代码.那么要说让lua支持 ...
- easyui报错“Cannot read poperty 'options' of undefined”问题解决方案之一
别逼逼了,我要看解决方法 问题产生原因 最近在项目中使用jquery easyui做页面.其中有个优化问题,我是将原本由jsp通过jstl标签生成的页面改成js通过dom去延迟生成了. 但是js生成的 ...
- [办公应用]如何制作二Y轴图（excel）
有时候我们会遇到一种图表,就是X轴一致,可是Y轴的数据相差很大.如下图中,年龄和收入就不是一个数量级,在图表中显示的时候,“年龄”的曲线根本看不到(表中数据仅供举例): 解决的方法就是使用双Y轴显示, ...