js中如何阻止事件冒泡

 时间:2026-02-14 20:37:00

1、新建一个HTML文档,设立一下基本的架构。

js中如何阻止事件冒泡

2、<form>

<input type="button" value="按钮">

</form>

我们这里创建一个按钮用于测试事件。

js中如何阻止事件冒泡

js中如何阻止事件冒泡

3、创建JS文档,并且关联HTML文档。

js中如何阻止事件冒泡

4、因为要借助一下jquery,所以要记得加入这个script。

js中如何阻止事件冒泡

5、$(document).ready(function(){

    $("#btn").click(function(){

        console.log("冒泡了哦");

    });

});

我们设置一下函数,监听一下事件。

js中如何阻止事件冒泡

js中如何阻止事件冒泡

js中如何阻止事件冒泡

6、stopPropagation()

这个时候加入这个就能够阻止事件冒泡了。

js中如何阻止事件冒泡

  • python如何制作下拉日历
  • C#控制台程序怎么更改framework
  • css position absolute脱离了文档流解决方法
  • wamp教程 wampServer 3.06正确的建站方式
  • Ubuntu下 正确安装VMware Tools
  • 热门搜索
    lrc文件怎么打开 参茸补肾片效果怎么样 世界旅游 深圳市旅游景点大全 怎么打开qq空间 宝宝几个月可以吃盐 核桃仁怎么保存 西安华山旅游攻略 武汉旅游景点 奇瑞瑞虎5怎么样