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事件处理程序 ...
随机推荐
- 洛谷P1615 西游记公司
题目背景 一道极其无厘头的题目 题目描述 事情是这样的:西游记中的孙沙猪(孙杀猪)三徒弟在西天取经之后开始进入厦门大学经贸系学习经济,在1个小时的学习后,他们用暴力手段毕业了.然后,他们创办了三个公司 ...
- [NOIP2005] 提高组 洛谷P1053 篝火晚会
题目描述 佳佳刚进高中,在军训的时候,由于佳佳吃苦耐劳,很快得到了教官的赏识,成为了“小教官”.在军训结束的那天晚上,佳佳被命令组织同学们进行篝火晚会.一共有n个同学,编号从1到n.一开始,同学们按照 ...
- Caocao's Bridges-HDU4738(Tarjin+求桥)
http://acm.hdu.edu.cn/showproblem.php?pid=4738 题目大意: 给定n个点和m条边 和每条边的价值,求桥的最小价值(最小桥) 看着挺简单的但是有好多细节: ...
- Bug记载2之Vue.JS路由定义的位置
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" ...
- 如何利用神经网络和Python生成指定模式的密码
今天给大家介绍的是Github上一个名叫PyMLProjects的项目,这个项目的目的是为了训练AI来学习人类构造密码的模式,然后我们就可以用AI来生成大量同一模式或种类的密码了.这种方法也许可以用来 ...
- C#如何把写好的类编译成dll文件
1 新建一个类库项目 2 直接改写这个Class1.cs文件 3 记得要添加Windows.Forms引用 4 我直接把在别的项目中做好的cs文件搞到这里来,连文件名也改了(FilesDi ...
- vux picker
1.通过实验证明: PopupPicker = TransferDom + Popup + PopupHeader + Picker 2.代码 Picker.vue <!-- Picker 组件 ...
- frameset怎样实现整个页面的跳转
登录页面login.jsp,系统登录成功后展示mainLayout.jsp, 我如今用frameset框架把页面mainLayout.jsp分为三部分,head.jsp..left.jsp.right ...
- MFC自己主动获取网络地址函数实现----广播地址，网关，子网掩码
void CSetSignalBoxDlg::OnBnClickedButtonGetbroadcastaddr() { //凝视部分为还有一种获取IP方式,可略过 //char Name ...
- 关于MacBook怎么更新Android SDK
昨天公司的人给了我一个VPN,可是还是无法更新SDK,后来发现将下图: 通过VPN发送全部流量勾选以后就能够连接更新了,哎.处处皆学问,特此分享一下此经验. 喜欢的朋友关注我哦! 多谢支持