精华实用:不花哨的JavaScript代码及技巧汇总

3星 · 超过75%的资源 需积分: 10 5 下载量 96 浏览量 更新于2024-08-02 收藏 458KB DOC 举报
本篇文章是一份实用的JavaScript(JS)代码大全,包含了丰富的编程技巧和常见操作,适合开发者在日常工作中参考和学习。以下是文章中的关键知识点: 1. 事件源对象:`event.srcElement` 是一个重要的属性,用于获取触发事件的DOM元素,通过`.tagName` 和 `.type` 属性可以分别获取元素的标签名和类型。 2. 事件处理模式:文章提到了事件的捕获和冒泡机制,`event.srcElement.setCapture()` 可以让事件在特定元素上捕获,而 `event.srcElement.releaseCapture()` 则释放捕获状态。`keydown` 事件的监听可以通过 `document.captureEvents(Event.KEYDOWN)` 进行绑定。 3. 键盘事件:`event.keyCode`, `event.shiftKey`, `event.altKey`, 和 `event.ctrlKey` 分别表示按下的键码、shift键、alt键和ctrl键的状态。 4. 事件返回值:`event.returnValue` 是某些事件处理函数可以设置的返回值,影响事件是否默认执行。 5. 鼠标位置:`event.x` 和 `event.y` 用于获取鼠标在页面上的坐标。 6. 焦点和选择:`document.activeElement` 获取当前活动的DOM元素,而 `document.all("txt").focus()` 和 `select()` 方法用于设置或获取输入元素的焦点并选中文本。 7. 浏览器API:`document.execCommand` 用于执行浏览器的特定命令,如剪切、复制、粘贴等;`document.cookie` 用于操作HTTP cookie。 8. 菜单事件:`document.oncontextmenu` 可以监听右键点击事件,对于实现右键菜单非常有用。 9. DOM操作:`document.createElement("SPAN")` 创建新的元素,`document.elementFromPoint(x, y)` 用于根据鼠标位置获取最近的元素。 10. 图像处理:通过数组索引 `document.images[索引]` 访问页面上的图片元素。 11. 事件绑定:`document.onmousedown` 和 `scrollwindow()` 函数结合,用于鼠标按下时执行滚动窗口的自定义操作。 12. DOM元素:`document.窗体.elements[索引]` 可以获取窗体内的元素列表,`detachEvent` 方法用于移除对象的事件绑定。 13. 浏览器特性:`navigator.plugins` 用来获取浏览器已安装的插件列表。 14. 变量类型检查:`typeof($js_libpath)=="undefined"` 用于检查变量是否未定义。 15. 下拉框操作:通过 `.options[索引]` 和 `.options.length` 可以访问和获取下拉框选项的信息。 16. DOM查找:`getElementsByName` 和 `getElementById` 分别用于根据元素的名称或ID查找元素。 17. 定时器:`setInterval` 用于设置定时器,例如 `scrollwindow()` 每隔一定延迟时间执行一次。 18. 清除定时器:`clearInterval(timer)` 可以停止已设置的定时器。 这些知识点涵盖了JavaScript的基础操作到高级应用,是开发过程中不可或缺的部分,可以帮助开发者提升代码的效率和质量。