一文解读JavaScript事件对象和表单对象

前言

相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。

1.事件对象(Event)

1).事件对象常量

1bubbles 事件是否是起泡事件类型 2cancelable 事件是否可确定可取消的默认动作 3currentTarget 事件监听器触发该事件的元素 4eventPhase 事件传播的当前阶段 5target 触发此事件的元素(事件的目标节点),srcElement(IE) 6timeStamp 事件生成的日期和时间 7type 当前Event对象表示的事件的名称 8initEvent() 初始化新创建的 Event 对象的属性 9preventDefault() 不执行默认动作 10stopPropagation() 停止冒泡 cancelBubble 11x,y 元素的 x 坐标和 y 坐标 12returnValue 设置或获取事件的返回值 13fromElement 在IE中用于mouseover和mouseout 事件,可以引用移出鼠标的元素。 14toElement 在IE中用于mouseover和mouseout 事件,该属性引用移入鼠标的元素。 15returnValue 设置或获取事件的返回值 16keyCode(IE) 键盘码 which() charCode 17offsetX,offsetY 事件在源元素的中的x坐标和y坐标。

这在后面的其它操作中我都有举例子,大家可以仔细看看。

2).键盘鼠标事件

1altKey 判断"ALT" 是否被按下 2button 判断哪个鼠标按钮被点击 3clientX 判断鼠标指针的水平坐标 4clientY 判断鼠标指针的垂直坐标 5ctrlKey 判断"CTRL" 键是否被按下 6keyIdentifier 按键的标识符 7keyLocation 按键在设备上的位置 8metaKey 判断"meta" 键是否被按下 9relatedTarget 与事件的目标节点相关的节点 10screenX 判断鼠标指针的水平坐标 11screenY 判断鼠标指针的垂直坐标 12shiftKey 判断"SHIFT" 键是否被按下

这个在后面也会提到,比如获取鼠标坐标:

2.表单对象

1).Form对象

1document.forms['表单名']['text'].value #获取表单中的文本框的值 2acceptCharset 服务器字符集 3action 设置或返回表单的action 4enctype 设置或返回表单用来编码内容的MIME类型 5length 返回表单中的元素数目 6method 设置或返回将数据发送到服务器的 HTTP 方法 7name 设置或返回表单的名称 8target 设置或返回表单提交结果的Frame或Window

图片

2).Button对象(submit,hidden与它方法差不多)

1b.accessKey 设置或返回访问按钮的快捷键 2b.alt 设置或返回当浏览器无法显示按钮时供显示的替代文本 3b.disabled=true|false 设置或返回是否禁用按钮 4b.form 返回对包含该按钮的表单对象的引用 5b.id 设置或返回按钮的 id 6b.name 设置或返回按钮的名称 7b.tabIndex='3' 设置或返回按钮的 tab 键控制次序 8b.type 返回按钮的表单元素类型 9b.value 设置或返回在按钮上显示的文本

3).Checkbox 对象(Radio与它方法差不多)

和上面的对象差不多,唯一不同的便是多了一个默认值选中值:“defaultChecked”。

4).Select 对象

1s.options 返回下拉列表数组 2s.selectedIndex=num 设置或返回下拉列表中被选选项的索引号 3s.multiple=true|false 设置或返回是否可有多个选项被选中 4s.size 设置或返回下拉列表中一次显示显示的选项数 5s.add() 向下拉列表添加一个选项 6s.remove() 从下拉列表中删除一个选项

总结

这篇文章主要介绍了JavaScript的事件对象和表单对象。下一篇文章,我们继续介绍JavaScript,敬请期待!

点赞
收藏

评论区

加载中...

相关推荐

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

一文带你解读​JavaScript的引用类型和函数对象

前言相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。1.引用类型相当于Java中的类创建实例过程,比如我要创建个对象,可以这样做:varobnewObject();

JavaScript基础加ES6语法

JavaScript一、什么是JavaScript当下最流行的脚本语言,在世界上的所有浏览器中都有js的身影,是一门脚本语言,可以用于我们与web站点和web应用程序的交互,还可以用于后台服务器的编写,例如node.js二、语法特点基于对象和事件驱动的松散型,解释型语言单线程异步三、JavaScript作用页面的交

一文解读JavaScript中的文档对象(DOM)

大家好,我是IT共享者,人称皮皮。前言相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。1.文档对象(DOM)1).Document对象这是我们用的最普遍的一个文档对象了

盘点JavaScript中5个常用的对象

大家好,我是IT共享者,人称皮皮。前言相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。JavaScript对象在JavaScript中有许多有用的对象,它们可以用来实现很

盘点JavaScript中那些进阶操作知识(上篇)

前言相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。1.进阶操作这里列举了一些小编以前经常用到的一些例子以及一些经验,由于篇幅受限,这里我将会把部分执行结果的输出直接输入