JavaScript全方面总结:事件、按键、位置与更多

需积分: 9 17 下载量 27 浏览量 更新于2024-07-20 1 收藏 627KB DOC 举报
"JavaScript 全面知识概览" 在JavaScript编程中,掌握各种核心概念和技术是至关重要的。这篇总结涵盖了JavaScript中的多个关键知识点,包括事件处理、DOM操作、窗体交互、用户输入检测以及时间管理和对象查找等。以下是对这些内容的详细说明: 1. 事件源对象:在JavaScript中,事件源对象(event.srcElement)是指触发事件的元素。通过event.srcElement.tagName和event.srcElement.type,可以获取到元素的标签名和类型。例如,如果点击了一个按钮,你可以知道它是什么类型的元素。 2. 事件处理:事件捕获和释放是JavaScript事件模型的一部分。使用event.srcElement.setCapture()可以开始捕获事件,而event.srcElement.releaseCapture()则用于停止事件捕获。这在处理复杂的事件流时很有用。 3. 键盘事件:通过event.keyCode,可以获取用户按下键盘上的哪个键。event.shiftKey、event.altKey和event.ctrlKey则分别指示Shift、Alt和Ctrl键是否被按下,这对于处理组合键操作非常有用。 4. 事件返回值:event.returnValue允许你控制事件默认行为是否执行。若将其设置为false,可以阻止事件的默认行为,如链接的跳转或表单的提交。 5. 鼠标位置:event.x和event.y用于获取鼠标在页面上的水平和垂直坐标,这对于实现鼠标跟随效果或基于位置的交互非常有用。 6. 窗体活动元素:document.activeElement表示当前获取焦点的元素,这对于知道用户在哪个输入元素中进行操作非常有帮助。 7. DOM操作:document.all用于获取指定ID或名称的元素,如document.all("txt").focus()聚焦文本框,document.all("txt").select()选择文本框内容。document.createElement("SPAN")可以创建新的HTML元素。 8. 根据鼠标位置获取元素:document.elementFromPoint(event.x,event.y)返回鼠标所在位置的元素,通过判断其tagName来确定是否是特定类型的元素。 9. 窗体命令:document.execCommand用于执行一些常见的文档操作,如复制、粘贴或查找。 10. 窗体COOKIE:document.cookie用于读写浏览器的cookie,是存储简单数据的一种方式。 11. 菜单事件:document.oncontextmenu可以监听右键菜单事件,通常用于自定义右键菜单。 12. 元素数组:document.窗体.elements[索引]提供对窗体元素的访问,如表单字段。 13. 对象事件解绑:document.all.xxx.detachEvent('onclick',a)用于取消元素的事件监听,这里的'a'是事件处理函数。 14. 插件数目:navigator.plugins可以获取浏览器安装的插件数量,对于检测用户是否具备特定插件支持非常有用。 15. 取变量类型:typeof($js_libpath)=="undefined"检查变量是否已定义,如果是未定义,则返回"undefined"。 16. 下拉框操作:下拉框.options[索引]允许访问下拉框的选项,下拉框.options.length则返回选项的数量。 17. 查找对象:document.getElementsByName("r1")和document.getElementById(id)分别用于通过名称和ID查找HTML元素。 18. 定时器:timer = setInterval或setTimeout可用于设置定时任务,执行特定的代码片段。 以上只是JavaScript知识体系中的一部分,实际上JavaScript还包括更多高级概念,如闭包、原型链、异步编程、模块化、Promise等。持续学习和实践,才能更好地掌握这门强大的脚本语言。