JavaScript代码集锦:事件处理与页面交互

需积分: 9 1 下载量 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编程中的诸多基础和进阶技巧,是学习和开发时的宝贵参考资料。