2021-05-18

 

                  事件捕获

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： JS

撰写时间：2021/5/18

注意红色箭头指向内容，本文将分为5张图片，并按从上到下顺序操作

1、我们先简单看看效果，通过点击按钮可弹出页面显示框，里面有写好内容等。

2、我们先在body标签下面添加两个button按钮标签。

3、在button按钮标签里面加入ID，并命名(例：里面的v1、v2等)

4、接下来让我们设置一下它的CSS样式(根据个人要求)。

5、以上内容设置好后，我们开始进入JS部分。

6、我们可创建一个JS文档存放以下内容，也可创建一个script标签存放。

7、按照里面的第一步，添加一个页面加载事件。

8、之后如第二步在页面加载事件里面先引入ID。

9、引入ID之后，我们利用ID调用点击事件。

10、然后通过alert添加自己需要弹出的内容，之后保存刷新即可。

此方法可通过点击按钮实现事件捕获，图片里面已标注好注释以方便您阅读，然后以此方式进行分享，希望可以帮助到你们，新手小白懂得不多，如有不当还望见谅，多多关照！

以上就是我的分享，如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！