javascript - 使用打印窗口时不打印输入文本

Question

我有以下代码

function printDiv(divName) {
  var printContents = document.getElementById(divName).innerHTML;
  var originalContents = document.body.innerHTML;

  document.body.innerHTML = printContents;

  window.print();

  document.body.innerHTML = originalContents;
}

function sync() {
  var n1 = document.getElementById('n1');
  var n2 = document.getElementById('n2');
  n2.value = n1.value;
}

@page {
  size: auto;
  margin: 0mm;
}

@media print {
  #print {
    display: block
  }
  ;
}

<div id="printableArea">
  <label id="l1">Name</label>
  <input type="text" name="n1" id="n1" onkeyup="sync()">
  <input type="text" name="n2" id="n2" />

</div>
<input type="button" onclick="printDiv('printableArea')" value="Print!" class="button" />

当我尝试在文本框中打印值时，只会显示空白页，但会像往常一样打印相同表单的输入字段的预定义文本(此处为日期字段)。

我需要如何更改 javascript 函数才能打印输入字段的文本，还有什么方法可以在文本框中打印值吗？

Answer 1

您需要更改 DOM 属性值:

<input type="text" onchange="this.setAttribute('value', this.value)" style="border: none transparent;outline: none;" value="" >