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

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

[[422001]]

前言

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

1.事件对象(Event)

1).事件对象常量

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

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

2).键盘鼠标事件

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

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

2.表单对象

1).Form对象

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

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

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

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

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

4).Select 对象

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

总结

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

 

责任编辑:姜华 来源: IT共享之家
相关推荐

2021-10-14 10:25:05

JavaScript类型函数

2021-09-09 10:26:26

Javascript 文档对象前端

2022-08-15 15:39:23

JavaScript面向对象数据

2021-09-02 10:24:54

JavaScript前端语言

2023-02-22 18:06:35

函数javascript面向对象编程

2021-10-11 10:19:48

Javascript 高阶函数前端

2024-12-23 14:46:24

2021-10-28 10:26:35

Javascript 高阶函数前端

2022-06-20 09:09:26

IDaaSIAM身份即服务

2020-04-01 22:05:24

虚拟机HotSpotJava

2024-08-09 12:44:45

JavaScript原型链链条

2022-08-17 09:21:45

数据安全

2023-01-14 07:55:03

2021-08-30 19:04:29

jsIO

2022-08-11 10:42:58

Rust

2021-08-16 08:01:09

String Java面试题

2023-11-01 10:49:50

Python面向对象

2019-12-17 14:45:17

浏览器事件循环前端

2021-04-27 11:28:21

React.t事件元素

2023-02-28 18:09:53

Javascript定时器
点赞
收藏

51CTO技术栈公众号