JavaScript事件与交互操作代码汇总

"这是一份全面的JavaScript学习笔记，涵盖了事件处理、键盘按键、鼠标位置、窗体操作、元素创建与访问、菜单事件、DOM操作等多个方面的内容，旨在帮助读者深入理解和掌握JavaScript语言的核心概念与实用技巧。" 在JavaScript中，事件源对象(event.srcElement)是触发事件的元素，可以通过event.srcElement.tagName和event.srcElement.type获取元素的标签名和类型。例如，如果一个按钮触发了事件，你可以通过这些属性得知它是哪种类型的HTML元素。 事件处理中的"捕获释放"机制，允许事件从父元素向子元素传递。event.srcElement.setCapture()用于开始事件捕获，而event.srcElement.releaseCapture()则用于结束事件捕获，这样可以确保事件按照预期的顺序执行。 事件按键(event.keyCode)表示用户按下键盘上的键时对应的键码，而event.shiftKey、event.altKey和event.ctrlKey则分别指示Shift、Alt和Ctrl键是否被按下，这些属性在处理键盘事件时非常有用。 event.returnValue可以用来控制事件的默认行为，如果其值为false，通常会阻止事件的默认动作，如链接的跳转或表单的提交。 鼠标位置可以通过event.x和event.y获取，这对于实现基于鼠标的交互功能，如拖放或者鼠标悬停效果非常关键。 document.activeElement返回当前窗体中获得焦点的元素，这对于管理用户输入和交互状态很有帮助。 文档对象模型(DOM)操作方面，document.captureEvents()用于绑定事件，例如捕获键盘事件(Event.KEYDOWN)。document.all是一个非标准但常见的方法，用于访问页面上的所有元素，如document.all("txt").focus()和document.all("txt").select()分别用于聚焦和选中指定ID的元素。 document.execCommand()方法允许执行一些常见的文本操作，如复制、剪切或粘贴。document.cookie用于管理页面的cookies，存储和读取用户数据。 菜单事件通过document.oncontextmenu处理，可以自定义右键点击菜单的行为。document.createElement("SPAN")用于创建新的HTML元素，而document.elementFromPoint(event.x,event.y)可以根据鼠标坐标找到相应的元素。 document.images数组提供了对页面上所有图像元素的访问。document.窗体.elements则可以访问窗体(form)内的所有元素，而document.all.xxx.detachEvent('onclick',a)用于从特定对象上移除事件监听器。 navigator.plugins属性提供浏览器中安装的插件信息，对于检测用户浏览器功能和兼容性很有帮助。typeof运算符用于检查变量的类型，例如typeof($js_libpath)=="undefined"可以判断一个变量是否已定义。 下拉框(select)的相关属性如options[索引]和options.length，分别用于访问和获取选项数组的特定项和总长度。document.getElementsByName和document.getElementById则是查找具有特定名称或ID的元素的方法。 定时器的设置和清除通过setInterval和clearInterval完成，前者用于定期执行函数，后者用于停止定时器，它们是实现动态更新和动画效果的关键工具。