博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js事件冒泡替我背了很多黑锅 嘿嘿
阅读量:6869 次
发布时间:2019-06-26

本文共 803 字,大约阅读时间需要 2 分钟。

 

    在这之前,我一直认为一些jsBUG是事件冒泡引起的,直到最近,我自己写的APP时间冒泡冒得特别严重,无法容忍的严重,所以我就写了个代码测试了一下

因为现在大多数网页都是无刷新的翻页,流式加载等等,所以就会出现

在线演示

页面载入时绑定一些事件例如

$(document).ready(function () {
// 在这里写你的代码...
mybind();
//
 
 
});
function mybind() {
$('#test').bind('click', function () {
var today = new Date();
 
$("#con").append(today.getTime() + "
");
 
});
}

通过js翻页 或流式加载append如新的HTML模块,在绑定相同的事件

假设我翻页10次或流式载入10个html模块

 
 
 
 
$(document).ready(function () {
// 在这里写你的代码...
mybind();
//
$('#page').bind('click', function () {
mypage();
});
 
});
function mybind() {
$('#test').bind('click', function () {
var today = new Date();
 
$("#con").append(today.getTime() + "
");
 
});
}
function mypage() {
var i=0;
for (i = 0; i < 10; i++) {
mybind()
}
}
 
 
 
 
==
 
 
 
 

结果 哎 没文化害死人。。。。。。。

 

 

由于做webAPP 大多数界面都是js绘制的,所以这个现行就比较严重了,

 

 

郁闷的是这个问题如何解决?求js高手现身!

 

 

 

 

 

 

 

 

 

 

 

 

转载地址:http://gobfl.baihongyu.com/

你可能感兴趣的文章
Collection集合
查看>>
meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
查看>>
mshup总结
查看>>
舒服的颜色2
查看>>
Android 用户界面---通知(Notifications)概要
查看>>
linux下挂载U盘
查看>>
防SQL注入 记
查看>>
创业公司该不该被收购?(转)
查看>>
更改visio的默认线粗方法
查看>>
单例的使用总结
查看>>
PHP获取本周第一天和最后一天
查看>>
Razor练习4
查看>>
【OpenStack】OpenStack系列16之OpenStack镜像制作
查看>>
STL algorithm源代码:stl_algo.h
查看>>
VK Cup 2016 - Qualification Round 2 C. Road Improvement dfs
查看>>
Linux下文件重命名、创建、删除、修改及保存文件
查看>>
判断IP是否为爬虫IP
查看>>
Linux 内核使用的 GNU C 扩展
查看>>
Android 之 用WebView显示网页
查看>>
go——搭建Win7下的Go开发环境
查看>>