[Day 13]从零开始学习 JS 的连续-30 Days---Event 事件

Event 事件是什麽?

  1. Event 介面表示一个在 DOM 物件上所发生的事件。
  2. 一个事件可以是由使用者的操作行为所产生(例如:按按键、点滑鼠。)

addeventListener - 注册事件监听


1.btn(DOM物件)+( . )+addEventListener( "操作行为" , function(){ 执行的行为 })
2.如上图所示在DOM物件上新增一个事件。
3.小括号里面,第一个是操作行为,第二个是执行的函式。

数字累计方式


如上图所示综合应用前几篇所写的功能可以产生一个数字累加且反映出的方式。

function(e)里面的e是什麽?

  1. e就是参数也是event的缩写。
  2. 功能是可以记录许多的事件。


如上图所示查询e会发现记录着许多的资讯。

e.target - 了解目前所在元素位置


如上图最後一行显示,使用e.target查询元素的位置。

preventDefault - 取消预设触发行为

  1. 语法:参数+preventDefault


如上图所示原本( "a" )是连结点击应该要执行动作,但使用了preventDefault语法後取消了原本预设的触发行为。
再搭配textContent语法可以改变其他标签的文字。

今天就到这边结束了。


<<:  从 IT 技术面细说 Search Console 的 27 组数字 KPI (27) :SEO KPI 那个最有价值呢(上)?

>>:  [DAY13] 在 Azure Machine Learning 里 Label data(中)

手机行动电话 mail app 推荐 IMAP POP

手机行动电话 mail app 推荐 IMAP POP 推荐两个 一个是 Microsoft out...

Day.10 进入 ARM 世界: ARM Cortex-M Exception 介绍

Exception 与 Interrupt Interrupt 是由内部 timer 或 I/O 装...

Day 27 | SQLite资料库(二)

资料库结构与设计 //建立资料表 CREATE TABLE myTable() 表格名称後的括号内,...

用html和css做出网页的标题栏

今天来说如何用html和css做出网页上方的标题栏,就像iT邦帮忙网页中蓝色的那栏 首先我们新增一个...

Base64 转 ArrayBuffer 效率小记

主题描述 以下三个函数功能相同,都是把 base64 转换为 ArrayBuffer 测试看看哪个效...