JavaScript代码集锦:事件处理与页面交互
需积分: 9 147 浏览量
更新于2024-09-21
收藏 229KB DOC 举报
“js代码大全.doc”是一份包含各种JavaScript实用代码的文档,旨在提供JavaScript编程中的常见操作示例,如事件处理、元素操作、窗体交互以及定时器等。
在JavaScript中,事件源对象(event.srcElement)是触发事件的元素,可以通过event.srcElement.tagName获取元素的标签名,例如“DIV”或“INPUT”,而event.srcElement.type则用于获取输入元素的类型,如“text”或“button”。
事件处理中,捕获和释放是事件传播的两个阶段。通过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用来获取当前窗体中获得焦点的元素,这对于在用户交互时跟踪活动元素非常有用。
文档中的事件绑定可以使用document.captureEvents(Event.KEYDOWN)来监听键盘事件,而访问窗体元素如文本框,可以使用document.all("txt").focus()使其获得焦点,document.all("txt").select()则会选中文本框内的全部内容。
document.execCommand常用于执行一些基本的文档操作,比如剪切、复制和粘贴。
document.cookie用于处理浏览器的Cookie,允许设置、读取或删除存储在客户端的Cookie信息。
document.oncontextmenu事件用于监听右键菜单,当用户在页面上右击时触发。
创建新的HTML元素可以使用document.createElement("SPAN"),这将创建一个<span>元素。
通过document.elementFromPoint(event.x,event.y),可以根据鼠标位置找到相应的DOM元素,判断是否为TD元素,并进行操作,例如添加子元素。
document.images数组提供了对页面中所有<img>元素的访问,可以通过索引来操作特定的图片。
document.窗体.elements[索引]则用于访问窗体(form)内的元素,如输入框、按钮等。
对于对象的事件解绑,可以使用detachEvent方法,如document.all.xxx.detachEvent('onclick',a),这将移除指定对象的点击事件监听器。
navigator.plugins属性提供了浏览器已安装插件的信息,可以用来检测用户浏览器支持的插件。
使用typeof($js_libpath)=="undefined"可以检查一个变量是否未定义。
下拉框(select元素)的选项可以通过下拉框.options[索引]访问,下拉框.options.length则返回选项的数量。
document.getElementsByName("r1")用于查找具有特定name属性的元素集合,而document.getElementById(id)则根据id值精确地获取单一元素。
定时任务可以通过定时器(timer)实现,如timer=setInterval('scrollwindow()',delay),每隔特定的delay毫秒调用scrollwindow函数,clearInterval则用于清除定时器。
以上只是文档中的一部分内容,这份“js代码大全.doc”涵盖了JavaScript编程中的诸多基础和进阶技巧,是学习和开发时的宝贵参考资料。
2010-12-21 上传
2012-09-28 上传
2013-07-27 上传
2022-12-01 上传
2022-07-08 上传
2009-03-30 上传
2008-12-23 上传
santitly
- 粉丝: 0
- 资源: 17
最新资源
- tcog-filters:从应用程序中丢弃的漂亮小组件
- Excel模板按月份查询财务报表.zip
- ng4:后台管理系统
- CNN-旅行-新闻-文章-抓取器:用于获取新闻文章内容的网络抓取器
- react-boilerplate:使用ES2018,Sass,Webpack 4和Babel 7的React SPA的样板
- matlab-(含教程)基于EKF扩展卡尔曼滤波器从IMU和GPS数据计算路径定位的matlab仿真
- addonmaker:WOW插件的构建和测试工具
- 【地产资料】XX地产 门店经理职责与定位培训P34.zip
- Excel模板销货清单模板 (1).zip
- JMe:前端javascript库(angularjs框架,UI,模板,工具,数据操作,动画)
- 半导体研究专题一:从三个维度看芯片设计.rar
- 毕业设计&课设--毕业设计校园二手交易平台.zip
- wordpress-plugin:模板
- clinic-management-system:诊所管理系统(全栈),技术栈:前端:react + antd + umi + dva + ts后台:nodejs + eggjs + ts
- PHP项目中使用微信扫码支付(模式二)详解
- Excel模板销货清单模板.zip