- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
由于不清楚发生了什么,我制作了一个视频:
正如您所看到的,该工具在最后和之前崩溃,它只是滚动并显示每个触摸事件的触摸点(动画圆圈)。我只是想清除堆栈,这样就不会发生这种情况。
<小时/>我正在为触摸屏计算机构建一个 JavaScript 工具,该工具非常慢。速度太慢了,以至于当您用手在短时间内(例如 1 秒)触发 100 多个触摸事件时,计算机开始依次执行每个触摸事件。
由于执行一个触摸事件已经花费了几百毫秒,因此该工具在大约一分钟内无法使用。
我已经编写了这个脚本来阻止大量触摸事件
'use strict';
var MultiTouch = Backbone.NativeView.extend({
el: document,
initialize: function () {
console.log('Init MultiTouch');
this.el.addEventListener('touchstart', function(e) {
this.touchstartHandler(e);
}.bind(this));
},
touchstartHandler: function (e) {
if (this.block) {
console.log("block");
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
return;
}
console.log("no block");
this.startTimer();
},
startTimer: function () {
this.block = true;
setTimeout(function () {
this.block = false;
}.bind(this), 300);
}
});
module.exports = MultiTouch;
这仍然没有阻止足够的事件,因为我的工具仍然很容易过载。
有没有办法清空整个调用堆栈,这样我的机器就不会连续执行 100 多个函数?
谢谢。
编辑
我稍微更新了我的脚本并添加了两个控制台日志。这是我将手放在触摸屏上得到的结果:
no block MultiTouch.js:31
17 block MultiTouch.js:23
no block MultiTouch.js:31
19 block MultiTouch.js:23
no block MultiTouch.js:31
12 block MultiTouch.js:23
no block MultiTouch.js:31
20 block MultiTouch.js:23
no block MultiTouch.js:31
7 block MultiTouch.js:23
no block MultiTouch.js:31
8 block MultiTouch.js:23
no block MultiTouch.js:31
6 block MultiTouch.js:23
no block MultiTouch.js:31
9 block MultiTouch.js:23
2 no block MultiTouch.js:31
9 block MultiTouch.js:23
no block MultiTouch.js:31
7 block MultiTouch.js:23
no block MultiTouch.js:31
5 block MultiTouch.js:23
no block MultiTouch.js:31
7 block MultiTouch.js:23
no block MultiTouch.js:31
6 block MultiTouch.js:23
no block MultiTouch.js:31
11 block MultiTouch.js:23
no block MultiTouch.js:31
3 block MultiTouch.js:23
因此,将一只手放在屏幕上会触发超过 170 个触摸事件。移动你的手将触发数千个触摸事件,这将使我的计算机彻底崩溃。如何防止这种情况发生?
编辑2
其中一个答案说“你可以忽略大多数事件。”。事实并非如此。当调用数千个事件时,我的计算机崩溃了,所以我不能“忽略”它们。
这个问题的全部目的是让我的计算机不崩溃。每个 touchstart 都有多个函数监听它,因此每个 touchstart 事件都会执行多个函数。
由于这些函数需要几百毫秒才能执行,因此该工具会持续执行函数几分钟,导致其无法使用。
问题是这台计算机太慢了,他只是“记住”所有已输入的触摸事件,即使您一分钟前执行了此操作并且它仍然忙于其他事情。因此,您只会看到该工具自行滚动,而没有人触摸屏幕。
如果仍然不清楚发生了什么,我会记录下来并将其放在网上。
最佳答案
您可以忽略大多数事件。将所有相关触摸事件聚合到一个数组中,然后调用 startHandler()
。例如,您可能只需要第一个和最后一个事件,因此:
touchstartHandler: function (e) {
this.events.push(e)
this.startTimer();
},
由于您使用的是 Backbone,因此您可以尝试 _.debounce
或 _.throttle 来限制调用
startHandler()` 的次数。
startTimer: _.debounce(function () {
//do sth with this.events
console.log(this.events[0])
}, 50);
关于javascript - 清除 JavaScript 调用堆栈,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37990824/
我有一个网站,我正在通过学校参加比赛,但我在清除 float 元素方面遇到了问题。 该网站托管在 http://www.serbinprinting.com/corey/development/
我有一个清除按钮,需要使用 JQuery 函数清除该按钮单击时的 TextBox 值(输入的)。 最佳答案 您只需将单击事件附加到按钮即可将输入元素的值设置为空。 $("#clearButton").
我们已经创建了一个保存到 CoreData 然后同步到 CloudKit 的 iOS 应用程序。在测试中,我们还没有找到一种方法来清除应用程序 iCloud 容器中的数据(用于用户私有(private
这是一个普遍的问题,也是我突然想到并且似乎有道理的问题。我看到很多人使用清除div 并且知道这有时不受欢迎,因为它是额外的标记。我最近开始使用 因为它接缝代表了它的实际用途。 当然都引用了:.clea
我有两个单选按钮。如果我检查第一个单选按钮下面的数据将填充在组合框中。之后我将检查另一个单选按钮,我想清除组合框值。 EmployeeTypes _ET = new EmployeeTypes(
我一直在玩 Canvas ,我正在尝试制作一个可以移动和跳跃的正方形,移动部分已经完成,但是跳跃部分有一个问题:每次跳跃时它都会跳得更快 here's a jsfiddle 这是代码: ///////
我该如何在 Dart 上做到这一点? 抓取tbody元素后,我想在其上调用empty(),但这似乎不存在: var el = query('#search_results_tbody'); el.em
我需要创建一个二维模拟,但是在设置新的“框架”时,旧的“框架”不会被清除。 我希望一些圆圈在竞技场中移动,并且每个循环都应删除旧圆圈并生成新圆圈。一切正常,但旧的没有被清除并且仍然可见,这就是我需要改
无论我使用set statusline将状态行更改为什么,我的状态行都不会改变。看起来像 ".vimrc" 39L, 578C
在 WPF 应用程序中,我有一个 ListView 绑定(bind)到我的 ViewModel 上的一个 ObservableCollection。 在应用程序运行期间,我需要删除并重新加载集合中的所
我有一个大型程序,一个带有图形的文本扭曲游戏。在我的代码中的某处,我使用 kbhit() 我执行此代码来清除我的输入缓冲区: while ((c = getchar()) != '\n' && c !
我正在将所有网站的页面加载到主索引页面中,并通过将 href 分成段并在主域名后使用 .hash 函数添加段来更新 URL 显示,如下所示: $('a').click(function(event)
我有一个带有 的表单和 2 控件来保存和重置表单。我正在触发 使用 javascript __doPostBack()函数并在其中传递一个值 __EVENTARGUMENT如果面板应该重置。 我的代
我目前有一堆 UIViewController,每个都是在前一个之上呈现的模式 ViewController。我的问题是我不需要一堆 UIViewController,我只需要最后一个。因此,当出现新
我在一个类中有一些属性方法,我想在某个时候清除这个属性的缓存。 示例: class Test(): def __init__(self): pass @property
在此Test Link我试图将标题和主站点导航安装到博客脚本的顶部。 我清除:两者;在主要网站脚本上工作,但现在把所有东西都扔到了一边。尝试了无数次 fixex 都没有成功!提前感谢 Ant 指点解决
我似乎无法正确清除布局。看this 我无法阻止左栏中的元素向下推右栏中的元素。谁能帮忙? Screenshot with some pointy arrows (死链接) 最佳答案 问题标记/样式似
我希望能够在某个类 (sprite-empos) 之后清除 '' 中的内容,想知道是否有不添加任何新类或不使用 js 的方法(我在下面尝试过不工作)? 为了明确它是“985”,我想在某个视口(view
我想清除ptr_array boost::ptr_array a; ... a.clear(); // missing 如何清理 ptr 容器? 最佳答案 它应该表现得像一个数组,您不能在 C++
这是我使用多 map 制作的一个简单的事件系统;当我使用 CEvents::Add(..) 方法时,它应该插入并进入多重映射。问题是,当我触发这些事件时, multimap 似乎是空的。我确定我没有调
我是一名优秀的程序员,十分优秀!