JavaScript事件与键盘鼠标处理技巧

"JavaScript JS 技巧集" 在JavaScript中，开发者可以利用各种技巧来提高代码的效率和可维护性。以下是一些关键知识点，涵盖了事件处理、键盘输入、鼠标定位等多个方面： 1. 事件源对象: 在JavaScript事件处理中，`event.srcElement`代表触发事件的元素。你可以通过它获取到事件源的HTML标签名(`event.srcElement.tagName`)和类型(`event.srcElement.type`)，这对于识别事件发生在哪个元素及其特性非常有用。 2. 捕获与释放: `event.srcElement.setCapture()`方法用于开启事件捕获，使得事件处理程序能够捕获到目标元素及其所有后代元素的事件。相反，`event.srcElement.releaseCapture()`则用于释放捕获，恢复正常事件流。 3. 事件按键: 当用户按下键盘键时，可以通过`event.keyCode`获取按键的ASCII码。此外，`event.shiftKey`、`event.altKey`和`event.ctrlKey`分别表示Shift、Alt和Ctrl键是否被按下，这些属性在处理键盘快捷键时非常有用。 4. 事件返回值: 通过`event.returnValue`，你可以控制事件是否继续执行默认行为。如果设置为`false`，可以阻止默认事件的发生。 5. 鼠标位置: `event.x`和`event.y`提供了鼠标在当前元素内的水平和垂直坐标，这在实现鼠标跟随效果或计算点击位置时很有帮助。 6. 焦点管理: `document.activeElement`可以获取当前获得焦点的元素。同时，可以使用`document.captureEvents(Event.KEYDOWN)`来捕获键盘事件，`document.all("txt").focus()`使指定元素获取焦点，`document.all("txt").select()`选中元素内容，`document.execCommand`可以执行一些文档操作，如复制、剪切、粘贴等。 7. 元素操作：`document.createElement("SPAN")`创建一个新的SPAN元素，`document.elementFromPoint(event.x,event.y).tagName`可以根据鼠标位置找到最上层的元素，而`document.elementFromPoint(event.x,event.y).appendChild(ms)`将一个元素添加为另一个元素的子元素。 8. 图像处理：`document.images[]`数组可以访问页面上的所有图像元素。 9. 事件绑定与解绑：使用`detachEvent`方法可以解除事件监听，如`document.all.xxx.detachEvent('onclick',a);`取消对点击事件的监听。 10. 浏览器信息：`navigator.plugins`可以获取浏览器安装的插件信息。`typeof($js_libpath)=="undefined"`检查变量是否存在，`.options[]`和`.options.length`用于处理选项元素和其数量。 11. 查找元素：`document.getElementsByName("r1")`按名称查找元素，`document.getElementById(id)`按ID查找元素。 12. 定时器：`timer = setInterval('scrollwindow()', delay)`设置定时执行函数，`clearInterval(timer)`则用于清除定时器。 13. 编码与解码：`escape()`和`unescape()`用于对字符串进行编码和解码，以在网络传输中安全地处理特殊字符。`obj.parentElement(dhtml)`和`obj.parentNode(dom)`用于获取对象的父元素，`TableID.moveRow`可能是表格操作中的移动行方法。 了解并熟练运用这些技巧，可以显著提升JavaScript编程的水平，使得代码更加灵活和高效。在实际开发中，根据具体需求选择合适的方法，将大大提高代码质量和用户体验。