You are here
jquery 两个 文本框 <input type="text"/> 在 input 和 click 事件时 执行同样的代码 AG chatgpt 有大用
星期一, 2024-12-02 12:46 — adminshiping1
如果你想要在 jQuery 中对两个 <input type="text"/> 元素的 input 和 click 事件执行相同的代码，可以按照以下示例来实现：
html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Input and Click Event Example</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function() { // 定义事件处理函数 function handleInputAndClick() { const input1Value = $('#input1').val(); const input2Value = $('#input2').val(); console.log('Input 1 value:', input1Value); console.log('Input 2 value:', input2Value); // 在这里添加你要执行的其他代码 } // 绑定 input 和 click 事件到两个输入框 $('#input1, #input2').on('input click', handleInputAndClick);
//或者
$('#input1').add('#input2').on('input click', handleInputAndClick); }); </script> </head> <body> <input type="text" id="input1" placeholder="Input 1" /> <input type="text" id="input2" placeholder="Input 2" /> </body> </html>
说明：
HTML部分：
我们创建了两个输入框，分别具有
id="input1"和id="input2"。
jQuery部分：
通过
$(document).ready()确保 DOM 在脚本执行之前加载完毕。定义了一个
handleInputAndClick函数，该函数会在用户点击或输入内容时被调用。通过选择器
$('#input1, #input2')绑定了input和click事件到这两个输入框。无论是哪个输入框被点击或输入内容，handleInputAndClick函数都会被调用。
在这个基本示例中，用户在任意一个输入框中输入内容或点击输入框时，控制台都会打印出两个输入框的当前值。你可以在函数内添加其他需要执行的代码。
普通分类: