JavaScript 代码优化:将 onkeydown 事件处理程序移至 script 部分
<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"><div class='container'>
<div class='form-group'>
<label></label>
<textarea class='form-control' id='chatgpt-response' placeholder='简单一问一答,不能连续会话,仅作为学习和生产力工具,不乱问,遵守法律!' readonly></textarea>
</div>
<div class='form-group'>
<label></label>
<textarea class='form-control' id='chat-gpt-input' placeholder='来问点什么吧... (Shift + Enter = 换行)'></textarea>
</div>
</div>
</code></pre>
<pre><code class="language-javascript"><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>
</code></pre>
<p>通过将事件处理程序移至 script 部分,可以使代码更易于阅读、调试和维护。此外,它还可以提高代码的可重用性,因为事件处理程序可以轻松地被其他元素使用。</p>
原文地址: https://www.cveoy.top/t/topic/mHWx 著作权归作者所有。请勿转载和采集!