JavaScript实用代码集锦：事件、按键、位置与更多

"这篇资源是关于JavaScript编程的实用代码集合，涵盖了基础的JavaScript事件处理、元素操作、键盘事件、鼠标位置、窗体控制等多个方面，旨在提供不花哨但非常实用的代码示例。" 在JavaScript中，事件处理是网页交互的核心部分。事件源对象(event.srcElement)可以用来获取触发事件的元素，比如通过event.srcElement.tagName和event.srcElement.type，我们可以获取到元素的标签名和类型。这对于识别用户与哪个元素交互非常有用。 事件捕获与释放(event.srcElement.setCapture()和event.srcElement.releaseCapture())是事件处理的一种机制，用于在元素层级上管理事件流。setCapture()使得事件首先被最外层元素捕获，而releaseCapture()则解除这种捕获状态，让事件按照正常顺序传递。 事件按键(event.keyCode, event.shiftKey, event.altKey, event.ctrlKey)提供了对键盘事件的详细控制。例如，event.keyCode可以获取到按下的是哪个键，而event.shiftKey、event.altKey和event.ctrlKey分别用于检查Shift、Alt和Ctrl键是否被按下。 事件返回值(event.returnValue)在某些情况下可以用来决定事件是否继续执行默认动作，如阻止默认的链接跳转或表单提交。 鼠标位置(event.x, event.y)提供了鼠标点击时的坐标信息，这对于实现基于鼠标的交互功能，如拖拽或点击定位非常有用。 document.activeElement属性可以获取当前焦点所在的元素，这对于跟踪用户在页面上的焦点移动非常有帮助。 文档事件绑定，如document.captureEvents(Event.KEYDOWN)，用于设置事件监听，确保在指定类型的事件发生时执行特定的函数。 访问和操作窗体元素是JavaScript的基本功能，例如document.all("txt").focus()用于将焦点放到指定ID的元素上，document.all("txt").select()则可以选中该元素的内容。 document.execCommand是一个方便的命令接口，允许执行诸如复制、粘贴等浏览器内置的命令。 document.cookie用于读写网页的Cookie，这对于存储用户偏好或临时数据是必不可少的。 菜单事件(document.oncontextmenu)允许自定义右键菜单的行为。 创建新元素通过document.createElement("SPAN")实现，可以动态构建HTML结构。 document.elementFromPoint(event.x, event.y)能够根据鼠标位置找到页面上的元素，这对于交互设计中的元素定位很有用。 document.images[index]允许访问页面上的图像数组，便于操作和更改图片。 通过document.onmousedown=scrollwindow;这样的方式，可以将滚动窗口的函数绑定到页面的鼠标按下事件。 document.窗体.elements[index]用于访问窗体（form）内的元素，如文本框、按钮等。 对象的事件解绑使用detachEvent方法，如document.all.xxx.detachEvent('onclick', a);，这可以取消对象上已注册的事件处理器。 navigator.plugins属性提供了对用户浏览器安装的插件信息的访问，可用于检测支持特定功能的浏览器。 typeof($js_libpath)=="undefined"可以用来检查一个变量是否已定义，未定义则返回"undefined"。 对于下拉框（select元素），.options[index]用于访问或修改选项，.options.length则获取选项的总数。 document.getElementsByName("r1");和document.getElementById(id)分别是通过名称和ID查找页面上的元素，这是常见的选择器操作。 这些JavaScript代码片段提供了对网页交互、事件处理、元素操作等基础知识的直观理解，对于开发者来说是一份非常实用的参考资料。