javascript - Webページを印刷するときに入力を非表示にするにはどうすればよいですか？

Question

私は以下のスクリプトを使用しています：

<script>
function printpage()
{
window.print()
}
</script

これで後でそれを呼び出すには：

<input type="button" value="Print this page" onclick="printpage()" />

しかし、スクリプトにこれを挿入する方法がわかりません。

$('input' )
.hide();

印刷領域からのすべての入力が非表示になっていることを意味します。

何か案は？

score 12 · Accepted Answer

printメディアタイプを次のように指定することにより、CSSを使用してこれを解決できます。

  <style type="text/css" media="print">
/*<![CDATA[*/
    input{
        display:none;
    }
  /*]]>*/
  </style>

score 3 · Accepted Answer

@Media CSSルールを使用します：

@media print {
  input {visibility:hidden;}
}

また

@media print {
  input {display:none;}
}

これらのオプションのどちらを選択するかは、ページフローによって異なります。display：noneは入力を完全に削除し、visibility：hiddenは単に入力を非表示にしますが、それでもその場所を占めます。

JavaScriptで非表示にする必要はありません。

2 に答える 2