JavaScript 在選擇部分內容列印時，有時會出現表單內容消失的問題，這是因為瀏覽器在列印時預設只列印頁面的可見部分，而表單部分通常是隱藏的，並不在頁面可見區域內，因此被預設忽略了。這篇文章將為您介紹如何解決這個問題。
問題描述
當我們使用JavaScript 的window.print() 方法列印頁面時，往往會發現表單部分內容並沒有被列印出來，而只會列印出頁面的可見部分。這是因為瀏覽器的預設行為是只列印頁面的可見部分，而表單部分通常是隱藏的，並不在頁面可見區域內，因此被預設忽略了。
解決方法
為了解決這個問題，我們需要用到 CSS 中的@media 媒體查詢。 @media 媒體查詢是一種 CSS 技術，可以根據不同的媒體類型為網頁提供不同的樣式表，從而適應不同的終端設備。我們可以藉助@media 媒體查詢來控製表單在列印時的顯示情況。
具體實作步驟如下：
@media print {
/* 这里写规则 */
}@media print {
form {
display: block;
visibility: visible;
}
}在上面的程式碼中，我們使用了display 和visibility 這兩個屬性來控製表單在列印時的顯示效果。將 display 屬性設為 block，即可顯示表單；將 visibility 屬性設為 visible，即可讓表單在列印時可見。
@media print {
form {
display: block;
visibility: visible;
}
/* 这里写其他规则，如文字大小、背景图等 */
}在上面的程式碼中，我們也可以加入其他的規則，如文字大小、背景圖等，以達到更好的列印效果。
最後，在HTML 頁面中的JavaScript 中呼叫window.print() 方法即可，此時列印視窗中應該已經包含了表單部分的內容。
<button onclick="window.print()">打印</button>
總結
本文介紹了在 JavaScript 中選擇部分內容列印時表單內容消失的問題，並提出了使用@media 媒體查詢來解決這個問題的方法。透過設定@media 媒體查詢中的規則，我們可以讓表單在列印時正確顯示，從而達到更好的列印效果。
以上是javascript 選擇部分內容列印後表單內容消失怎麼回事的詳細內容。更多資訊請關注PHP中文網其他相關文章！
