如果未单击，则取消 WinJS.UI.Animation.pointerDown答案

【问题标题】：Cancel WinJS.UI.Animation.pointerDown if not clicked如果未单击，则取消 WinJS.UI.Animation.pointerDown
【发布时间】：2014-07-15 09:09:17
【问题描述】：

我在 WinJS 中继器的项目模板中使用 WinJS.UI.Animation.pointerDown 和 WinJS.UI.Animation.pointerUp。

问题是，如果用户将手指或鼠标按钮按住某个项目并移开它，pointerUp 动画似乎不会触发，或者它会触发但没有效果，因为 up 事件所在的元素和之前的不一样。最好的例子是示例 6 中的 animation sample（点击并单击）。在瓷砖上按住鼠标按钮并将其移开。它将保持动画状态并且不会触发 pointerup 事件。这是我正在使用的代码。

如果用户离开元素，如何取消指针向下动画？

target1.addEventListener("pointerdown", function () {

    WinJS.UI.Animation.pointerDown(this);

}, false);


target1.addEventListener("pointerup", function () {

    WinJS.UI.Animation.pointerUp(this);

}, false);


target1.addEventListener("click", function () {

    //do something spectacular

}, false);

我正在使用 click 事件提交点击操作，以便在应用顶部启动导航时右键单击保持清晰。

【问题讨论】：

标签： windows-8 microsoft-metro windows-8.1 winjs

【解决方案1】：

您是否尝试为指针添加添加事件侦听器？这是当指点设备（例如鼠标光标或手指）移出元素的命中测试边界时调度的事件。

在此处查看有关指针事件的文档： http://msdn.microsoft.com/en-us/library/ie/hh772103(v=vs.85).aspx

【讨论】：

感谢您的出色回答。我没有意识到有一个指针输出事件。