单击时选择（突出显示）文本框的内容答案

【问题标题】：Select (highlight) content of TextBox on click单击时选择（突出显示）文本框的内容
【发布时间】：2018-10-25 14:48:04
【问题描述】：

使用最新版本的 ASP.net MVC，我正在尝试将事件侦听器附加到 TextBox 以在单击时突出显示 TextBox 的内容。

我认为这个简单的 JQuery 可以工作：

@Html.TextBoxFor(t => t.item1, new { onclick= "$(this).blur();" })

但是当我单击文本框时，它会立即失去焦点，而不会在浏览器的控制台中留下任何错误。

我也尝试过 JQuery 的 onfocus 和 onmouseup 事件但没有成功。

如何在单击时突出显示 TextBox 的内容？

【问题讨论】：

.blur 在元素失去焦点时被调用，所以我认为您的代码通过错误使用方法而产生错误
你所做的是，onclick(this 给元素焦点) $(this).blur() 当点击的对象不再有焦点时什么都不做，因为你没有在你的内部调用函数() 来自 .blur()
等等...模糊还是高光？我希望以蓝色选择文本
所选文字的文字颜色必须为蓝色还是文字周围的轮廓为蓝色？
当你按住鼠标左键的时候将鼠标滑过文本...所以文本已经准备好被复制了

标签： jquery html asp.net-mvc razor

【解决方案1】：

要在点击时选择所选文本框中的所有文本，

这将是代码：@Html.TextBoxFor(t => t.item1, new { onclick= "$(this).select();" })

【讨论】：

这就是我一直在寻找的东西，但我太笨了，没有意识到模糊并不意味着选择
感谢您接受我的回答，很高兴我们发现您选择而不是模糊；）

【解决方案2】：

您的代码没有任何问题。您得到的实际行为没有问题。阅读文档jQuery Blur method documentation

将事件处理程序绑定到“模糊”JavaScript 事件，或在元素上触发该事件。

现在阅读JavaScript blur event documentation

onblur 事件在对象失去焦点时发生。

因此，基本上，在您的示例中，您是说组件在单击时应该失去焦点，这正是正在发生的事情

如果您想要在视觉上模糊您的元素，那么您可以尝试这样的方法

.blurred{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
div{
  width: 100px;
    height: 100px;
    background-color: #ccc;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<!-- If what you want is to blur the element -->
<input type="text" value="click me to blur me" onclick="$(this).addClass('blurred')"/>

<hr/>

<!-- If what you want is to select all the content -->
<input type="text" value="click me to select all the data" onclick="$(this).select()"/>

【讨论】：

此时我不知道该怎么办...我说的是选择...不是模糊。我的翻译错误。
请编辑您的问题标题以更好地反映您的问题

【解决方案3】：

根据我对 u 的理解，“模糊”是指文字颜色应更改为浅灰色。

这可以通过以下方式完成：

@Html.TextBoxFor(t => t.item1, new { onclick= "$(this).css('color','#ddd');" })

【讨论】：