JavaScript事件与DOM操作实战指南

"JavaScript参考代码" JavaScript（通常简称为JS）是一种广泛应用于网页和网络应用的轻量级编程语言，尤其在客户端脚本处理方面具有重要作用。它与HTML和CSS一起构成了网页开发的三大核心技术。以下是一些JavaScript的关键知识点： 1. 事件处理： - `event.srcElement`：指的是事件触发的元素，等同于`event.target`。 - `event.srcElement.tagName` 和 `event.srcElement.type`：分别返回元素的标签名和类型。 - `event.srcElement.setCapture()` 和 `event.srcElement.releaseCapture()`：用于在元素上捕获事件，防止事件冒泡到其他元素。 2. 键盘事件： - `event.keyCode`：表示按键的ASCII码。 - `event.shiftKey`, `event.altKey`, `event.ctrlKey`：检查是否同时按下了Shift、Alt或Ctrl键。 3. 鼠标事件： - `event.returnValue`：可以用来阻止默认事件行为。 - `event.x` 和 `event.y`：获取鼠标点击时相对于元素左上角的坐标。 4. DOM操作： - `document.activeElement`：返回当前获取焦点的元素。 - `document.captureEvents(Event.KEYDOWN)`：捕获指定类型的事件。 - `document.all("txt").focus()` 和 `.select()`：使文本框获得焦点并全选其中的内容。 - `document.execCommand`：执行特定的浏览器命令，如复制、剪切和粘贴。 - `document.createElement("SPAN")`：创建新的DOM元素。 - `document.elementFromPoint(event.x,event.y)`：返回指定坐标下的元素。 - `document.images[]`：访问页面上的所有图像元素。 - `document.onmousedown=scrollwindow;`：设置鼠标按下时的处理函数。 - `document..elements[]` 和 `document.all.xxx.detachEvent('onclick',a);`：处理和移除元素的事件监听器。 5. 浏览器信息： - `navigator.plugins`：获取浏览器安装的插件信息。 - `typeof($js_libpath)=="undefined"`：检查变量是否已定义。 6. Cookie管理： - `document.cookie`：用于设置和读取页面的Cookie。 7. 其他： - `document.oncontextmenu`：自定义右键菜单事件。 - `document.createElement("SPAN").appendChild(ms)`：创建新元素并添加子节点。 - `document.getElementById(id)` 和 `document.getElementsByName("r1")`：根据ID和名称查找元素。 - `timer = setInterval('scrollwindow()', delay)` 和 `clearInterval(timer)`：设置定时器执行某个函数，以及清除定时器。 - `escape()` 和 `unescape()`：对字符串进行编码和解码。 - `obj.parentElement(dhtml)` 和 `obj.parentNode(dom)`：获取元素的父元素。 - `TableID.moveRow(", ")`：可能涉及表格行的移动操作。 这些是JavaScript中的一些基本概念和常用方法，它们对于编写交互式网页和动态效果至关重要。通过理解和熟练运用这些知识点，开发者可以创建出丰富的用户界面和复杂的网页应用程序。