Question

我有重复的javascript代码，我希望将其缩小或

 <script type="text/javascript">
    function myFunction1() {
  var copyText = document.getElementById("myInput1");
  copyText.select();
  document.execCommand("copy");

}
</script>
<script type="text/javascript">
  function myFunction2() {
  var copyText = document.getElementById("myInput2");
  copyText.select();
  document.execCommand("copy");

}
</script>
<script type="text/javascript">
  function myFunction3() {
  var copyText = document.getElementById("myInput3");
  copyText.select();
  document.execCommand("copy");

}
</script>

并使用循环将变量放入函数名称

谢谢

Answer 1

创建一个函数，传递元素ID并将其用于获取copyText对象。

<script type="text/javascript">
  function myFunction(elementId) {
    var copyText = document.getElementById(elementId);
    copyText.select();
    document.execCommand("copy");
  }
</script>

并像这样调用它。

 myFunction("myInput1");
 myFunction("myInput2");
 myFunction("myInput3");

Answer 2

您可以使用一个好名字创建一个函数。

<script type="text/javascript">
  function copyInputsValueToClipboard(elementId){
    const element = document.getElementById(elementId);
    element.select();
    document.execCommand("copy");
  }
</script>

然后可以使用要复制到剪贴板的输入的id调用该函数。

copyInputsValueToClipboard("myInput1");

如何避免JavaScript中的代码重复

2 个答案: