关闭打印模式/打印预览触发 onclick

【问题标题】：Close Print Modal/Print Preview fires onclick关闭打印模式/打印预览触发 onclick
【发布时间】：2014-11-06 18:27:39
【问题描述】：

我有一个“重”的 html5 webapp，它允许用户打印内容。当用户单击我的打印按钮时，我会生成一些 iframe，用内容填充它，然后调用 javascript print() 方法。一切正常。

但是，如果用户选择在 Chrome 中的打印预览/打印模式上取消打印，则会在模式关闭后立即向我的应用发送点击事件/鼠标按下事件。

有什么方法可以防止这种行为，这是 Chrome 中的错误吗？

我目前在 OSX 中使用 Chrome 38.0.2125.111

【问题讨论】：

【解决方案1】：

您可以将单击事件附加到取消按钮并使用preventDefault。这是一个使用 jquery 的示例。

$('.cancel').click(function(e){
    e.preventDefault();
});

如果您只能使用 javascript，请使用 onclick 并做同样的事情。

<button onclick="myFunction(this)">Close</button>

function myFunction(ev) {
    ev.preventDefault();    
}

【讨论】：