我有一個帶有以下 CSS 的包裝器。
#wrapper
{
position: fixed;
overflow: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 5px solid#00beee;
}
和onclick觸發window.print()列印多頁表單的按鈕。現在的問題是，每當我單擊按鈕時，onclick都不會觸發任何事件。這樣做的原因是wrapper. 有沒有辦法解決這個問題，因為我需要包裝器來列印帶邊框的多頁表單。
uj5u.com熱心網友回復：
你能提供你的JS代碼嗎？我試圖在 codepen 中重現它并且作業得很好：https ://codepen.io/akowalska622/pen/mdMGbYG
const btn = document.querySelector('button');
btn.addEventListener('click', () => {
window.print()
})
此外，我不明白 CSS 會阻止您的 JS 事件偵聽器的原因
uj5u.com熱心網友回復：
css 片段沒有任何問題，它在以下背景關系中作業：
<div id="wrapper">
<button onclick="alert('pressed')">Press me!</button>
</div>
https://jsfiddle.net/h4a8jdum/
我認為你應該添加更多資訊，你的按鈕在哪里，它與包裝器有什么關系......
uj5u.com熱心網友回復：
檢查此 Javascript 代碼是否適用于您的 CSS。
const btn = document.querySelector('button');
btn.addEventListener('click', () => {
window.print()
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/356441.html
標籤：javascript html css