<script>
  document.getElementById('chat-gpt-input').addEventListener('keydown', function(event) {
    if (event.keyCode == 13 && !event.shiftKey) {
      event.preventDefault();
      document.getElementById('chat-gpt-button').click();
    }
  });
</script>
<p>将 HTML 中的 <code>onkeydown</code> 事件处理程序移至 JavaScript 的 script 部分,可以使代码更易于维护和管理。</p>
<p>例如,以下代码片段展示了如何将 <code>onkeydown</code> 事件处理程序移至 script 部分:</p>
<pre><code class="language-html">&lt;div class='container'&gt;
    &lt;div class='form-group'&gt;
        &lt;label&gt;&lt;/label&gt;
        &lt;textarea class='form-control' id='chatgpt-response' placeholder='简单一问一答,不能连续会话,仅作为学习和生产力工具,不乱问,遵守法律!' readonly&gt;&lt;/textarea&gt;
    &lt;/div&gt;
    &lt;div class='form-group'&gt;
        &lt;label&gt;&lt;/label&gt;
        &lt;textarea class='form-control' id='chat-gpt-input' placeholder='来问点什么吧... (Shift + Enter = 换行)'&gt;&lt;/textarea&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
<pre><code class="language-javascript">&lt;script&gt;
  document.getElementById('chat-gpt-input').addEventListener('keydown', function(event) {
    if (event.keyCode == 13 &amp;&amp; !event.shiftKey) {
      event.preventDefault();
      document.getElementById('chat-gpt-button').click();
    }
  });
&lt;/script&gt;
</code></pre>
<p>通过将事件处理程序移至 script 部分,可以使代码更易于阅读、调试和维护。此外,它还可以提高代码的可重用性,因为事件处理程序可以轻松地被其他元素使用。</p>
JavaScript 代码优化:将 onkeydown 事件处理程序移至 script 部分

原文地址: https://www.cveoy.top/t/topic/mHWx 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录