使用自定义参数触发 JavaScript 事件并使用 jQuery 捕获它

Question

我目前正在从页面本身向 iframe 文档触发类似的自定义 JavaScript 事件：

// Create iframe
var iframe = document.createElement('iframe');
iframe.setAttribute('src', 'URL to load');
document.body.appendChild(iframe);

// Event itself
var event = document.createEvent('HTMLEvents');
event.custom = 'example param';
event.initEvent('custom', false, true);
iframe.contentWindow.window.document.dispatchEvent(event);

现在在这个 iframe 页面上，我可以使用 jQuery。我如何才能捕获事件（有效）并（重要）获取自定义（对象）参数？

像这样捕捉它：

$(document).on('custom', function(e, param) {
    alert(e); // [object Object] -> normal jQuery event data without any special data
    alert(e.custom); // undefined
    alert(param); // undefined
});

如何在不将 jQuery 添加到包含 iframe 的页面本身的情况下获取自定义参数数据？

Answer 1

jQuery 包装了原始的 DOM 事件。原始事件应该可以通过 jQuery 事件的originalEvent 属性获得。

e.originalEvent.custom

应该评估为您的自定义值，在本例中为 'example param'。