jQuery input disabled 文字选中
在网页开发中，我们经常会遇到需要禁用输入框（input）的情况，同时我们可能也会希望用户不能选中输入框中的文字。本文将介绍如何使用 jQuery 来实现这一功能。
禁用输入框
首先，让我们看一下如何使用 jQuery 来禁用输入框。我们可以通过 .prop() 方法来设置输入框的 disabled 属性为 true，如下所示：
$("#myInput").prop("disabled", true);
上面的代码将选择 id 为 myInput 的输入框，并将其禁用。当输入框被禁用后，用户将无法编辑其中的文字或提交表单。
禁止选中文字
接下来，我们将学习如何禁止用户选中输入框中的文字。我们可以使用 jQuery 的 .on() 方法来监听输入框的 selectstart 事件，并在事件发生时阻止默认的选中行为。具体代码如下：
$("#myInput").on("selectstart", function(event) {
event.preventDefault();
});
上面的代码将选择 id 为 myInput 的输入框，并在 selectstart 事件发生时，阻止默认的选中行为。
完整示例
下面是一个完整的示例，演示如何同时禁用输入框并禁止选中文字：
<!DOCTYPE html>
<html>
<head>
<title>禁用输入框并禁止选中文字</title>
<script src="
</head>
<body>
<input type="text" id="myInput" value="示例输入框">
<script>
$(document).ready(function() {
$("#myInput").prop("disabled", true);
$("#myInput").on("selectstart", function(event) {
event.preventDefault();
});
});
</script>
</body>
</html>
上面的代码将创建一个输入框，并在页面加载完成后将其禁用。同时，当用户尝试选中输入框中的文字时，将阻止默认的选中行为。
结论
通过使用 jQuery 的 .prop() 方法来禁用输入框，并使用 .on() 方法来监听 selectstart 事件并阻止默认行为，我们可以实现禁用输入框并禁止选中文字的功能。
希望本文对你有所帮助，如果你有任何疑问，请随时留言！