JavaScript事件与交互技巧精华

"这篇文档主要介绍了JavaScript的一些实用小技巧，涵盖了事件处理、元素操作、用户交互、窗体控制以及浏览器兼容性等多个方面。" 在JavaScript编程中，掌握一些实用的小技巧能够极大地提升代码的效率和可维护性。以下是一些核心知识点： 1. 事件源对象：`event.srcElement` 是事件触发的对象，可以通过它获取到事件发生的具体元素，如`event.srcElement.tagName` 和 `event.srcElement.type` 可以分别获取元素的标签名和类型。 2. 事件处理方式：`setCapture()` 和 `releaseCapture()` 用于实现事件捕获和释放。`setCapture()` 让事件在元素及其子元素中进行捕获，而`releaseCapture()` 则停止捕获。 3. 事件按键信息：`event.keyCode` 可以获取按下键盘时的键码，`event.shiftKey`、`event.altKey` 和 `event.ctrlKey` 分别表示Shift、Alt和Ctrl键是否被按下。 4. 事件返回值：`event.returnValue` 可以用来阻止或改变事件的默认行为，例如阻止链接的跳转或表单的提交。 5. 鼠标位置：`event.x` 和 `event.y` 提供了鼠标相对于当前元素左上角的位置坐标。 6. 窗体活动元素：`document.activeElement` 返回当前获取焦点的元素。 7. 绑定事件：`document.captureEvents(Event.KEYDOWN)` 可以捕获指定类型的事件，例如键盘事件。 8. 访问窗体元素：`document.all("txt").focus()` 和 `document.all("txt").select()` 分别使指定元素获取焦点和选中元素内容。 9. 窗体命令：`document.execCommand` 可以执行一些常见的浏览器内建命令，如复制、剪切和粘贴。 10. 窗体COOKIE：`document.cookie` 用于设置和读取页面的Cookie信息。 11. 菜单事件：`document.oncontextmenu` 可以监听并自定义右键菜单的行为。 12. 创建元素：`document.createElement("SPAN")` 可以创建一个新的HTML元素。 13. 根据鼠标获取元素：`document.elementFromPoint(event.x,event.y)` 可以获取鼠标所在位置的元素，判断是否为特定元素，如`"TD"`。 14. 窗体图片：`document.images[索引]` 可以访问到页面中的图片元素。 15. 窗体事件绑定：`document.onmousedown=scrollwindow;` 将函数`scrollwindow`绑定到窗体的鼠标按下事件。 16. 元素操作：`document.窗体.elements[索引]` 可以访问窗体内的表单元素。 17. 对象解绑事件：`document.all.xxx.detachEvent('onclick',a);` 在IE中解除对象的事件绑定。 18. 插件数目：`navigator.plugins` 可以获取浏览器支持的插件数量。 19. 取变量类型：`typeof($js_libpath)=="undefined"` 检查变量是否已定义。 20. 下拉框操作：`下拉框.options[索引]` 和 `下拉框.options.length` 分别用于访问下拉框选项和获取选项数量。 21. 查找对象：`document.getElementsByName("r1");` 和 `document.getElementById(id);` 分别通过名称和ID查找元素。 22. 定时器：`timer=setInterval('scrollwindow()',delay);` 定义定时执行的函数，`clearInterval` 用于清除定时器。 这些技巧在实际开发中非常实用，可以帮助开发者更灵活地控制页面交互和事件处理，提高用户体验。在编写JavaScript代码时，合理运用这些小技巧可以让你的代码更加简洁、高效。