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

boyanx1周前技术教程2

前言

相信做网站对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坐标。

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

2).键盘鼠标事件

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

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


2.表单对象

1).Form对象

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

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                     设置或返回在按钮上显示的文本

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

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

4).Select 对象

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

总结

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

标签: date.js

相关文章

拒绝白嫖,开源项目作者删库跑路,数千个应用程序无限输出乱码

机器之心报道编辑:蛋酱、小舟「我删我自己的开源项目代码,需要经过别人允许吗?」几天前,开源库「faker.js」和「colors.js」的用户打开电脑,发现自己的应用程序正在输出乱码数据,那一刻,他们...

Mock.js 实用教程:快速上手模拟数据生成

在本篇文章中,我们将深入探讨 Mock.js,(Mock.js 实例:快速入门)这是一款在前端开发中广泛应用的工具库,专门用于生成模拟数据和拦截 Ajax 请求。本文将从以下几个角度展开讨论 Mock...

脸书再面临“隐私”考验 问答应用泄露用户信息

据美国“侨报网”7月3日报道,脸书上一个专门回答“你最像哪位迪士尼公主”等问题的问答应用程序被爆泄露了约1.2亿用户的个人信息。据美国福克斯新闻报道,来自Nametests网站的第三方问答应用程序以不...

前端工程师都会喜欢的5个JavaScript库

本文由码农网– Sandbox Wang原创翻译,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划!前端开发应该算是整个Web应用开发过程中最有意思的一部分了,不管什么时候,你总能看到一些新的框架...

如何在 JavaScript 中按日期对对象数组进行排序

如果我们有一个 JavaScript 对象数组,每个对象都包含一个 Date 类型的属性,例如:const events = [ { name: 'Birthday', date:...

「Excel-VBA」功能模块-时间与日期-03-昨天是几号

系统环境:Windows 10Excel:2016版本这个系列集锦一些常用的功能模块,在一些项目中会穿插应用功能模块中又包括很多子模块,本文涉及的是:时间与日期今天讲讲如何获取昨天是几号Part 1:...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。