JavaScript动态网页实例-DOM中的事件处理.rar资源-CSDN下载

共4个文件

htm：4个

javascript

网络协议

需积分: 5 179 浏览量 2024-04-24 23:51:34 上传评论收藏 3KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

JavaScript 动态网页实例 —— DOM 中的事件处理.rar （4个子文件）

JavaScript 动态网页实例 —— DOM 中的事件处理

DOM2 鼠标事件.htm 2KB

创建 DOM2 事件.htm 3KB

事件流.htm 1KB

取消默认动作.htm 571B

<!DOCTYPE html PUBLIC "--//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1--transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>DOM2 事件创建</title> <meta http--equiv="content--type" content="text/html; charset=gb2312"> </head> <body bgcolor="#fffccc"> <h2>DOM2 事件创建</h2> <form id="mouseform" name="mouseform" action="#" method="get"> 在浏览器中的点击位置: <input id="clientx" type="text" size="5">,<input id="clienty" type="text" size="5"><br> </form> <br><hr><br> <script type="text/javascript">  </script> <form action="#" method="get" id="myForm" name="myForm"> 当前结点: <input type="text" name="statusField" value=""><br>  <input type="button" value="双亲结点" onclick="if (currentNode.parentNode) currentNode = currentNode.parentNode; document.myForm.statusField.value = currentNode.nodeName;">  <input type="button" value="第一个子结点" onclick="if (currentNode.firstChild) currentNode = currentNode.firstChild; document.myForm.statusField.value = currentNode.nodeName;">  <input type="button" value="后一兄弟结点" onclick="if (currentNode.nextSibling) currentNode = currentNode.nextSibling; document.myForm.statusField.value = currentNode.nodeName;">  <input type="button" value="前一兄弟结点" onclick="if (currentNode.previousSibling) currentNode = currentNode.previousSibling; document.myForm.statusField.value = currentNode.nodeName;"><br><br>  <input type="button" value="开始事件监控" onclick="startListen();"> <input type="button" value="停止事件监控" onclick="stopListen();"> <br><br>  <input type="button" value="创建事件" onclick="makeEvent();"> </form> <script type="text/javascript">  </script> </body> </html>

评论收藏

内容反馈