window.print() 判断是否点击了取消按钮
时间: 2023-12-11 21:05:05 浏览: 42
当执行 `window.print()` 方法弹出打印对话框时,点击取消按钮会使该方法返回 `false`,而点击确定按钮则会返回 `true`。因此,可以通过判断 `window.print()` 的返回值来确定用户是否点击了取消按钮,例如:
```javascript
if (window.print()) {
// 用户点击了确定按钮
} else {
// 用户点击了取消按钮
}
```
相关问题
window.matchMedia('print') 判断点击 打印按钮 还是 点击 取消按钮
对于这个问题,window.matchMedia('print') 返回一个MediaQueryList对象,它表示当前文档是否匹配指定的CSS媒体查询(在这个例子中是'print')。如果返回的对象的matches属性为true,则表示当前文档匹配该媒体查询,也就是用户点击了打印按钮,否则用户点击了取消按钮。因此,你可以通过以下代码来判断用户点击了哪个按钮:
```javascript
// 获取打印按钮和取消按钮
const printBtn = document.getElementById('printBtn');
const cancelBtn = document.getElementById('cancelBtn');
// 监听按钮点击事件
printBtn.addEventListener('click', () => {
// 判断是否匹配'print'媒体查询
if (window.matchMedia('print').matches) {
console.log('用户点击了打印按钮');
}
});
cancelBtn.addEventListener('click', () => {
// 判断是否匹配'print'媒体查询
if (!window.matchMedia('print').matches) {
console.log('用户点击了取消按钮');
}
});
```
window.print() 怎么验证用户是否点击了取消
在调用 `window.print()` 后,打印对话框会打开。如果用户点击了“取消”按钮,则 `window.print()` 方法会返回 `false`。如果用户点击了“打印”按钮,则 `window.print()` 方法会返回 `true`。因此,你可以通过下面的代码来验证用户是否点击了取消:
```javascript
if (window.print()) {
// 用户点击了“打印”按钮
} else {
// 用户点击了“取消”按钮
}
```