9.17.htm

来自「这是我卖的书上的源码这书是电子邮电出版的是有关网络编程有详细的例子」· HTM 代码 · 共 76 行

HTM

76 行

<!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>
<h2>DOM2 事件创建</h2>
<form id="mouseform" name="mouseform" action="#" method="get">
在浏览器中的点击位置: <input id="clientx" type="text">, 
                              <input id="clienty" type="text"> <br>
</form>
<br><hr><br>
<script type="text/javascript">
<!--
// 仅用于DOM 2， IE6 不支持。

function showMouseDetails(event) 
{
  document.mouseform.clientx.value = event.clientX;
  document.mouseform.clienty.value = event.clientY;
}
function makeEvent()
{
  evt = document.createEvent("HTMLEvents");
  evt.initEvent("click","true","true"); 
  currentNode.dispatchEvent(evt);
}
function startListen()
{
  document.addEventListener("click", showMouseDetails, true);
}
function stopListen()
{
 document.removeEventListener("click", showMouseDetails, true);   
}

startListen();
//--> 
</script>
<form action="#" method="get" id="myForm" name="myForm">
   Current Node: <input type="text" name="statusField" value="">
      <br>
   <input type="button" value="parent" onclick="if
 (currentNode.parentNode) currentNode = currentNode.parentNode;
 document.myForm.statusField.value = currentNode.nodeName;">

   <input type="button" value="First Child" onclick="if
 (currentNode.firstChild) currentNode = currentNode.firstChild;
 document.myForm.statusField.value = currentNode.nodeName;">

   <input type="button" value="Next Sibling" onclick="if
 (currentNode.nextSibling) currentNode = currentNode.nextSibling;
 document.myForm.statusField.value = currentNode.nodeName;">

   <input type="button" value="Previous Sibling" onclick="if
 (currentNode.previousSibling) currentNode = currentNode.previousSibling;
 document.myForm.statusField.value = currentNode.nodeName;">
      <br><br>
   <input type="button" value="Start Event Listener"
 onclick="startListen();">
      <input type="button" value="Stop Event Listener"
 onclick="stopListen();">
      <br><br>
      <input type="button" value="Create Event" onclick="makeEvent();">
</form>
<script type="text/javascript">
<!--
 var currentNode = document.body;
 document.myForm.statusField.value = currentNode.nodeName;
//-->
</script>
</body>
</html>

9.17.htm - 源码说明

本页面展示了「这是我卖的书上的源码这书是电子邮电出版的是有关网络编程有详细的例子」中的 9.17.htm 源码文件，采用 HTM 编程语言编写，共 76 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与源码相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?