Handling DOM Events

DEX602 - Unit 2 Introducing Lightning Web Components

📄 第 112 页 🎬 视频课程

课程章节介绍

让我们来聊聊DOM事件。想象一下,DOM事件就像是用户和网页元素之间的一次小对话。比如,当用户点击一个按钮,或者把鼠标移到一个图片上时,这些动作都会触发一个DOM事件。 我们有时候会把“DOM事件”和“用户事件”这两个词混着用,其实它们的意思差不多,都是指用户和网页的互动。 举个例子,常见的DOM事件有`onClick`(点击事件)、`onfocus`(聚焦事件)、`onblur`(失焦事件)等等。这些事件就像是网页元素的“耳朵”,它们一直在监听用户的操作。 现在,假设我们有一个学生列表,每个学生都有一个“学生卡片”(studentTile)。在这个卡片里,我们定义了一个叫`onStudentClick`的函数。这个函数的作用是,当用户点击某个学生的卡片时,就会触发这个函数,执行一些操作。 在HTML文件里,我们把一个按钮的点击事件和这个`onStudentClick`函数绑定在一起。也就是说,当用户点击这个按钮时,`onStudentClick`函数就会被调用。 不过,这里有个小提示:虽然我们在这个例子里用了标准的HTML ``元素,但如果你是在Salesforce的Lightning框架下开发,最好还是用``。为什么呢?因为``自带了很多内置的样式和功能,用起来更方便,效果也更好。 所以,记住啦,虽然标准HTML按钮也能用,但在Salesforce的世界里,``才是你的好朋友!