jQuery获取和设置input元素的值(监听input元素的值变化)

2024年05月02日 建站教程

获取和设置input元素的值

// 获取input元素的值
var textValue = $("#inputText").val();
console.log(textValue); // 输出:xiaomi

// 设置input元素的值
$("#inputText").val("xiaoming");

操作input元素的属性

// 获取并设置placeholder属性
var placeholderText = $("#input").attr('placeholder');
console.log(placeholderText); // 输出:请输入内容

// 设置disabled属性
$("#input").prop('disabled', true);

监听input元素的值变化

$("#input").change(function() {
  var updatedValue = $(this).val();
  console.log("输出结果:" + updatedValue);
});

处理input元素的事件

// 监听输入框的点击事件
$("#input").click(function() {
  console.log("input输入框点击!");
});

// 监听用户按下键盘的事件
$("#eventInput").keypress(function(event) {
  console.log("键码为:" + event.which);
});

本文链接:http://so.lmcjl.com/news/3601/

展开阅读全文
相关内容