WinJS 自定义控件事件 "invalid argument"

Question

我正在创建一个带有事件侦听器的自定义 WinJS 控件。为简单起见，此示例应在点击时触发事件。

这是使用以下标记创建的：

<div class="alphaNavBar" data-win-control="MobMan.Controls.AlphaNavBar"></div>

控件在这里实现。它在 dispatchEvent(...) 行抛出一个“无效参数”异常。

(function () {
    var alphaNavBar = WinJS.Class.define(function (el, options) {
        // Create control
        var self = this;
        this._element = el || document.createElement("div");
        this._element.winControl = this;

        this._element.innerText = "Hello World!";
        this._selection = false;

        // Listen for tap
        this._element.addEventListener("MSPointerDown", function (evt) {
            // Toggle selection
            self._selection = !self._selection;

            // Selection changed, fire event
            // Invalid argument here
            self._element.dispatchEvent("mySelectionChanged", { selection: self._selection });
            // Invalid argument here
        });
    });

    // Add to global namespace
    WinJS.Namespace.define("MobMan.Controls", {
        AlphaNavBar: alphaNavBar
    });
    
    // Mixin event properties
    WinJS.Class.mix(MobMan.Controls.AlphaNavBar, WinJS.Utilities.createEventProperties("mySelectionChanged"), WinJS.UI.DOMEventMixin);
})();

此事件被监听：

var alphaNavBar = document.querySelector(".alphaNavBar");
alphaNavBar.addEventListener("mySelectionChanged", function (evt) {
    // Should fire when alphaNavBar is tapped
    debugger;
});

我做错了什么？

Answer 1

我也发布了我的问题 here 并得到了修改事件调度的答案，如下所示：

// Listen for tap
this._element.addEventListener("MSPointerDown", function (evt) {
    // Toggle selection
    this._selection = !this._selection;

    // Create the event.
    var _event = document.createEvent('customevent');

    // Define that the event name is 'mySelectionChanged' and pass details.
    _event.initCustomEvent('mySelectionChanged', true, true, { selection: this._selection });

    // Selection changed, fire event
    this.dispatchEvent(_event);
});

这能够为我正确触发事件。仍然不确定我之前做错了什么，但现在已经修复了。

WinJS 自定义控件事件 "invalid argument"

WinJS Custom Control Events "invalid argument"

javascript

dom-events

winjs