您当前的位置:网站首页>JS>详解DOM元素和事件 找JS教程就上ki4.cc (>^ω^<),DOM,事件

详解DOM元素和事件 找JS教程就上ki4.cc (>^ω^<),DOM,事件

2020年05月26日 投稿作者: 围观人数:30

快速理解 JavaScript 的垃圾回收 找JS教程就上ki4.cc (>^ω^<)

垃圾回收(Garbage Collection,GC),顾名思义就是释放垃圾占用的空间,防止内存泄露,有效的使用可以使用的内存,对内存堆中已经死亡的或者长时间没有使用的对象进行清除和回收。

什么是事件?

事件是指用户的行为或元素的状态。由指定元素监听相关的事件,并且绑定事件处理函数。

什么是事件处理函数?

元素监听事件,并在事件发生时自动执行的操作。

一、事件函数分类

1、鼠标事件

onclick //单击
ondblclick //双击
onmouseover //鼠标移入
onmouseout //鼠标移出
onmousemove //鼠标移动

2、文档或元素加载完毕:

onload //元素或文档加载完毕

3、表单控件状态监听:

onfocus //文本框获取焦点
onblur //文本框失去焦点
oninput //实时监听输入
onchange //两次输入内容发生变化时触发,或元素状态改变时触发
onsubmit //form元素监听,点击提交按钮后触发,通过返回值控制数据是否可以发送给服务器

二、获取元素节点

1、根据标签名获取元素节点列表

var elems = document.getElementsByTagName("");
/*参数 : 标签名
返回值 : 节点列表,需要从节点列表中获取具体的元素节点对象,添加相应下标。
*/

2、根据 class 属性值获取元素节点列表

js如何实现函数防抖与节流 找JS教程就上ki4.cc (>^ω^<)

防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。节流:规定在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。

3、根据 id 属性值取元素节点

4、根据 name 属性值取元素列表

三、事件绑定方式

1、内联方式: 将事件名称作为标签属性绑定到元素上

例 :

<button onclick="alert()">点击</button>

2、动态绑定 :获取元素节点,动态添加事件

例 :

btn.onclick = function (){
};

推荐教程:js入门教程

以上就是详解DOM元素和事件的详细内容,更多请关注ki4导航其它相关文章!

js中输出的方式有哪些 找JS教程就上ki4.cc (>^ω^<)

本文为大家介绍了js中的四种输出方式,具有一定的参考价值,希望可以帮助到大家。js中的输出方式有:1、window.alert();2、document.write();3、innerHTML;4、console.log()。

标签

版权说明
免责声明:本文文章内容由ki4导航网发布,但不代表本站的观点和立场,具体内容可自行甄别.