JavaScript实战技巧合集:事件、按键、鼠标位置与更多
“Javascript 技巧很全.doc”文档主要涵盖了JavaScript编程中的各种实用技巧,包括事件处理、键盘按键检测、元素操作、窗体交互、菜单事件、元素创建、插件检测、变量类型判断以及定时器等。 1. 事件源对象: 在JavaScript中,`event.srcElement` 可以用来获取触发事件的元素,比如获取到点击事件发生的元素。`event.srcElement.tagName` 和 `event.srcElement.type` 分别可以获取到该元素的标签名和类型。 2. 事件按键处理: 通过 `event.keyCode` 可以获取到用户按下的键盘键的编码,`event.shiftKey`、`event.altKey` 和 `event.ctrlKey` 则用于检测是否同时按下了Shift、Alt或Ctrl键。 3. 事件捕获与释放: 使用 `event.srcElement.setCapture()` 可以启用事件捕获,使得事件在冒泡阶段之前被处理;而 `event.srcElement.releaseCapture()` 用于取消事件捕获。 4. 事件返回值: `event.returnValue` 属性可以用来设置或获取事件的默认行为是否被阻止。如果设为 `false`,则可以阻止事件的默认操作。 5. 鼠标位置: `event.x` 和 `event.y` 用于获取鼠标在当前元素内的位置。 6. 窗体活动元素: `document.activeElement` 返回当前获得焦点的元素。 7. 绑定事件: 使用 `document.captureEvents(Event.KEYDOWN)` 可以捕获键盘按下事件,而 `document.all("txt").focus()` 和 `.select()` 分别用于让指定元素获取焦点和选中其内容。 8. 窗体命令执行: `document.execCommand` 方法可以执行特定的浏览器内置命令,例如复制、剪切或粘贴文本。 9. 处理窗体Cookie: `document.cookie` 属性允许读写浏览器的Cookie。 10. 菜单事件: `document.oncontextmenu` 用于监听右键菜单事件。 11. 元素创建与定位: `document.createElement("SPAN")` 可以创建一个新的SPAN元素,`document.elementFromPoint(event.x,event.y)` 可以根据鼠标坐标找到元素,`appendChild` 方法用于将元素添加到另一个元素的子节点列表中。 12. 窗体图片访问: `document.images[index]` 可以访问到窗体中的图片元素,通过索引进行操作。 13. 窗体事件绑定: `document.onmousedown=scrollwindow;` 用于在窗体上绑定鼠标按下事件。 14. 元素操作: `document.forms.elements[index]` 可以访问表单元素,`document.all.xxx.detachEvent("onclick",a);` 用于从对象上解除事件绑定。 15. 插件数目检测: `navigator.plugins` 属性可以获取浏览器安装的插件数量。 16. 下拉框操作: `dropdown.options[index]` 访问下拉框的选项,`dropdown.options.length` 获取选项的数量。 17. 查找对象: `document.getElementsByName("r1")` 和 `document.getElementById(id)` 分别用于通过名称和ID查找页面上的元素。 18. 定时器: `timer = setInterval("scrollwindow()", delay);` 定时执行函数,`clearInterval(timer);` 可以清除已设定的定时器。 这些技巧展示了JavaScript在网页交互、事件处理、元素操作等多个方面的强大功能,有助于开发者更高效地编写和优化JavaScript代码。
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/4e119566cf0042a0a635385875b102c4_wchp1003387075.jpg!1)
- 粉丝: 13
- 资源: 53
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
最新资源
- 计算机人脸表情动画技术发展综述
- 关系数据库的关键字搜索技术综述:模型、架构与未来趋势
- 迭代自适应逆滤波在语音情感识别中的应用
- 概念知识树在旅游领域智能分析中的应用
- 构建is-a层次与OWL本体集成:理论与算法
- 基于语义元的相似度计算方法研究:改进与有效性验证
- 网格梯度多密度聚类算法:去噪与高效聚类
- 网格服务工作流动态调度算法PGSWA研究
- 突发事件连锁反应网络模型与应急预警分析
- BA网络上的病毒营销与网站推广仿真研究
- 离散HSMM故障预测模型:有效提升系统状态预测
- 煤矿安全评价:信息融合与可拓理论的应用
- 多维度Petri网工作流模型MD_WFN:统一建模与应用研究
- 面向过程追踪的知识安全描述方法
- 基于收益的软件过程资源调度优化策略
- 多核环境下基于数据流Java的Web服务器优化实现提升性能
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)