Educoder jQuery DOM操作
// 确保DOM完全加载
$(document).ready(function() {
// 获取所有的input元素
var $inputs = $('input');
// 绑定事件处理器到input元素的keydown事件
$inputs.on('keydown', function(event) {
// 检查按下的是否是回车键(keyCode 13)
if (event.which === 13) {
// 阻止默认行为(防止表单提交)
event.preventDefault();
// 执行自定义的处理函数
handleEnterPress(event);
}
});
// 自定义的处理函数
function handleEnterPress(event) {
var $target = $(event.target);
// 获取输入框的值
var inputValue = $target.val();
// 执行其他操作,例如添加到列表等
console.log('Enter pressed on input with value:', inputValue);
}
});
这段代码首先确保在DOM完全加载后绑定事件处理器。当用户在任意的input
元素内按下回车键时,它会阻止表单的默认提交行为并调用一个自定义的处理函数,该函数可以用来执行更多的操作,例如添加输入到列表中。
评论已关闭