掌握JavaScript：事件处理与常用技巧解析

### JavaScript 常用方法及技巧 #### 事件处理 ##### 事件源对象 - `event.srcElement.tagName`：获取触发事件元素的标签名。 - `event.srcElement.type`：获取触发事件元素的类型，如`button`、`input`等。 ##### 捕获与释放 - `event.srcElement.setCapture()`：在IE浏览器中用于捕获鼠标事件，使得之后的事件只由该元素触发。 - `event.srcElement.releaseCapture()`：释放之前通过`setCapture`捕获的事件。 ##### 事件按键 - `event.keyCode`：返回触发事件的按键的键码。 - `event.shiftKey`：检测是否按下了Shift键。 - `event.altKey`：检测是否按下了Alt键。 - `event.ctrlKey`：检测是否按下了Ctrl键。 ##### 事件返回值 - `event.returnValue`：在IE浏览器中用于指定事件的返回值，通常用于阻止默认行为。 ##### 鼠标位置 - `event.x`：获取鼠标相对于文档的水平位置。 - `event.y`：获取鼠标相对于文档的垂直位置。 ##### 窗体活动元素 - `document.activeElement`：返回当前获得焦点的元素。 #### 绑定事件 ##### 捕获事件 - `document.captureEvents(Event.KEYDOWN)`：捕获所有键盘按下事件（已废弃，主要用于IE浏览器）。 ##### 访问窗体元素 - `document.all("txt").focus()`：将焦点设置到ID为`txt`的元素。 - `document.all("txt").select()`：选中ID为`txt`的元素中的内容。 ##### 窗体命令 - `document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)`：执行针对当前文档可进行的命令，如复制、粘贴等。 ##### 窗体COOKIE - `document.cookie`：获取当前域下的所有cookie值。 ##### 菜单事件 - `document.oncontextmenu`：处理上下文菜单的触发事件。 #### DOM 操作 ##### 创建元素 - `document.createElement("SPAN")`：创建一个新的`<span>`元素。 ##### 根据鼠标获得元素 - `document.elementFromPoint(event.x, event.y).tagName == "TD"`：获取鼠标指针位置下的元素的标签名。 - `document.elementFromPoint(event.x, event.y).appendChild(ms)`：将元素`ms`添加到鼠标指针位置下的元素中。 ##### 窗体图片 - `document.images[索引]`：访问页面中第`索引`个图片元素。 ##### 窗体事件绑定 - `document.onmousedown = scrollwindow;`：将`scrollwindow`函数绑定到`mousedown`事件上，当用户按下鼠标按钮时执行。 #### 下载资料 - `JS表单验证大全.doc`：文档标题暗示该文件包含一系列关于在JavaScript中进行表单验证的技巧和方法。 - 其他数字命名文件（1、4、7、5、2、3、6）：具体内容未知，可能是关于JavaScript不同专题的文档或代码示例。 #### 总结 本文档主要围绕JavaScript中事件处理、DOM操作和窗体元素访问等方面提供了常用的方法和技巧。在实际开发中，熟悉这些方法有助于处理动态交互和优化用户体验。对于事件的获取和处理、元素的创建和操作、以及窗体属性的获取都是前端开发者必须掌握的基础技能。同时，文档中提及的文件列表可能指向更多深入的教程或代码示例，为开发者提供了进一步学习的资源。