JavaScript事件处理与打印预览

本文主要探讨了JavaScript在应用中的各种功能，包括打印、预览、设置以及正则匹配和特效的实现。以下将详细介绍这些知识点。 1. **JavaScript打印与预览** JavaScript 提供了对页面打印的支持。通过 `window.print()` 方法可以触发浏览器的打印功能，让用户选择打印机进行打印。为了实现打印预览，可以先隐藏不必要的元素，然后调用 `print()` 方法。预览完毕后，再恢复页面的原始状态。 2. **事件处理** - **事件源对象**：`event.srcElement` 可以获取触发事件的元素。 - **捕获与释放**：`setCapture()` 和 `releaseCapture()` 分别用于开始和结束事件捕获阶段，确保事件被正确处理。 - **事件按键**：`event.keyCode` 可以获取按下的是哪个键，而 `event.shiftKey`, `event.altKey`, `event.ctrlKey` 判断是否同时按下了 Shift、Alt 或 Ctrl 键。 3. **事件处理与返回值** - **事件返回值**：`event.returnValue` 通常用于阻止默认行为，例如在 `beforeunload` 事件中确认是否离开页面。 4. **鼠标位置** - **鼠标位置**：`event.x` 和 `event.y` 提供了鼠标在页面上的坐标。 5. **窗体操作** - **活动元素**：`document.activeElement` 返回当前焦点所在的元素。 - **绑定事件**：`captureEvents()` 可以捕获指定类型的事件，如键盘事件 `Event.KEYDOWN`。 - **窗体命令**：`document.execCommand()` 可执行一些内置的浏览器命令，如复制、剪切、粘贴等。 - **窗体COOKIE**：`document.cookie` 用于读写页面的 cookies。 6. **DOM操作** - **创建元素**：`document.createElement("SPAN")` 创建一个新的 HTML 元素。 - **根据鼠标获取元素**：`document.elementFromPoint()` 返回指定坐标处的元素。 - **窗体图片**：`document.images[索引]` 访问页面上的图像元素。 - **元素集合**：`document.窗体.elements[索引]` 访问表单元素。 - **对象绑定事件**：`detachEvent()` 用于解除事件监听器，例如 `detachEvent(’onclick’, a)` 解除 onclick 事件的监听。 7. **其他功能** - **插件数目**：`navigator.plugins` 返回用户浏览器安装的插件数量。 - **取变量类型**：`typeof` 运算符可以用来检查变量的数据类型，如 `typeof($js_libpath)=="undefined"` 检查变量是否未定义。 - **下拉框操作**：可以访问下拉框的选项 `options` 属性，如 `options.length` 获取选项数量。 - **查找对象**：`getElementsByNames()` 和 `getElementById()` 分别通过名称和ID获取元素。 - **定时器**：`setTimeout()` 和 `clearTimeout()` 用于设定定时执行的函数，例如 `alert(decodeURIComponent(encodeURIComponent("http://你好.com?as=hehe")))` 先编码再解码URL字符串。 以上内容涵盖了JavaScript在实际应用中的多个方面，包括事件处理、DOM操作、窗体控制以及数据操作等，这些都是JavaScript开发者必备的基础技能。