离子应用程序：控制台错误忽略尝试取消触摸启动事件

Posted 2023-03-16

【中文标题】离子应用程序：控制台错误忽略尝试取消触摸启动事件

【英文标题】：ionic app : console error ignored attempt to cancel a touchstart event

【发布时间】：2016-12-11 16:21:33

【问题描述】：

当用户滚动 collection-repeat 长列表时，我的 ionic 应用程序中出现此错误。

ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

知道这是什么吗？

模板：

<div class="scrollContainer">
    <ion-scroll zooming="false" direction="y" overflow-scroll="false">

        <div class="loadingboards" ng-if="!transitionFinished">
            <ion-spinner class="spinner spinner-ios">
            </ion-spinner>
            <br/>
            Loading boards list...
        </div>

        <div id="boardselection" ng-if="transitionFinished">
            <ion-item collection-repeat="item in prodataSelect | orderBy:data.sort | filter: data.selectBrand.brand:true | filter: data.selectName.name | unique:'modelStrict'" item- item->

                <a class="optionfuninit item-content" data-proid="item.id" ng-click="whatToDo(item.id,$event);" ng-class="item.fun == '0' ? 'aNormal' :( item.fun == '1' ? 'aSmallWave' : (item.fun == '2' ? 'aStepUp' : ''))">
                    <img class="imageoptionsbrand" ng-src=" imagesUrls[(item.brand | lowercase | nospace)+'.png'] " />
                    <div class="listviewTrophy" ng-if="isWinning(item.id)">
                        <i class="icon ion-trophy"></i>
                        <div class="winningboardtext" translate="computepage.30">Winning Board</div>
                    </div>
                    <i class="icon ion-female" ng-show="item.gender == 'female'"></i>
                    <div class="listviewtexts" ng-class="item.fun == '0' ? 'aNormal' :( item.fun == '1' ? 'aSmallWave' : (item.fun == '2' ? 'aStepUp' : ''))">
                        <span class="listviewtextsmodel">item.modelStrict</span>
                    </div>
                    <div class="imagebox rotate90rightCenter">
                        <img class="imageoptionsmodel " ng-src="imagesUrls[item.imageName]" />
                    </div>
                </a>

            </ion-item>
        </div>

    </ion-scroll>
</div>

谢谢

【问题讨论】：

你看过***.com/q/26478267/2003702吗？

是的，但似乎不是同一个问题

你能不能分享一些代码，否则你永远不会得到答案。

我被困在同一个地方..有人知道解决方案吗？

你解决了吗？

【参考方案1】：

在文件 vendor.js 中注释这些行对我有用

ToggleGesture.prototype.onDragStart = function (ev) 
    /*ev.preventDefault();*/
    this.toggle._onDragStart(Object(__WEBPACK_IMPORTED_MODULE_2__util_dom__["f" /* pointerCoord */])(ev).x);
;
ToggleGesture.prototype.onDragMove = function (ev) 
    /*ev.preventDefault();*/
    this.toggle._onDragMove(Object(__WEBPACK_IMPORTED_MODULE_2__util_dom__["f" /* pointerCoord */])(ev).x);
;
ToggleGesture.prototype.onDragEnd = function (ev) 
    /*ev.preventDefault();*/
    this.toggle._onDragEnd(Object(__WEBPACK_IMPORTED_MODULE_2__util_dom__["f" /* pointerCoord */])(ev).x);
;

【讨论】：

欢迎来到Stack Overflow！一般来说，如果答案包含对代码的用途的解释，以及为什么在不介绍其他人的情况下解决了问题，那么答案会更有帮助。

【参考方案2】：

只需转到ion-datetime 3-ios.entry.js 并评论第 1383 行：

detail.event.preventDefault();

您将摆脱错误：

[干预] 忽略取消使用 cancelable=false 的 touchstart 事件的尝试，例如因为滚动正在进行中且无法中断