jQuery masked input plugin. select all content when textbox receives focus(jQuery 屏蔽输入插件.当文本框获得焦点时选择所有内容)
问题描述
这是这个问题的后续问题:
This is a followup question to this question:
选择文本框的所有内容当它获得焦点时(Javascript 或 jQuery)
基本上我将文本框与 jQuery 屏蔽输入插件结合使用(链接可能不再指向相关版本)
Basically I am using a textbox in conjunction with the jQuery masked input plugin( Link may no longer point at relevant version)
当被屏蔽的输入文本框获得焦点时,我想选择该文本框的所有内容,但似乎将此插件绑定到文本框会阻止这种情况.我只是想知道是否有办法解决这个问题.
When the masked input textbox receives focus I want to select all of the contents of that textbox, but it seems as though having this plugin binded to the textbox prevents that. I was just wondering if there was a way around this.
以下是演示该问题的示例 .html 页面:
Below is a sample .html page that demonstrates the issue:
<html>
<head>
<title></title>
</head>
<body>
<input id="masktest" type="text" value="01/01/2009" />
<br />
<input id="focustest" type="text" value="on focus will select all contents..." />
<script type="text/javascript" src="aHR0cDovL2NvZGUuanF1ZXJ5LmNvbS9qcXVlcnktbGF0ZXN0Lm1pbi5qcw=="></script>
<script type="text/javascript" src="aHR0cDovL2pxdWVyeS1qb3NoYnVzaC5nb29nbGVjb2RlLmNvbS9maWxlcy9qcXVlcnkubWFza2VkaW5wdXQtMS4yLjEucGFjay5qcw=="></script>
<script type="text/javascript">
$(function() {
$("#masktest").mask("99/99/9999");
// Contents of textboxes will be selected when receiving focus.
$("input[type=text]")
.focus(function() {
$(this).select();
});
});
</script>
</body>
</html>
推荐答案
我是 用于 jQuery 的屏蔽输入插件.我决定这应该是已完成掩码的默认行为,并将其放入最新版本.您可以阅读详细信息这里
I'm the author of the Masked Input Plugin for jQuery. I decided that this should be the default behavior for completed masks and I got it into the latest release. You can read the details here
这篇关于jQuery 屏蔽输入插件.当文本框获得焦点时选择所有内容的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:jQuery 屏蔽输入插件.当文本框获得焦点时选择所有
- 为什么悬停在委托事件处理程序中不起作用? 2022-01-01
- 如何调试 CSS/Javascript 悬停问题 2022-01-01
- 我不能使用 json 使用 react 向我的 web api 发出 Post 请求 2022-01-01
- 如何显示带有换行符的文本标签? 2022-01-01
- 为什么我的页面无法在 Github 上加载? 2022-01-01
- 是否可以将标志传递给 Gulp 以使其以不同的方式 2022-01-01
- 如何向 ipc 渲染器发送添加回调 2022-01-01
- 从原点悬停时触发 translateY() 2022-01-01
- 使用 iframe URL 的 jQuery UI 对话框 2022-01-01
- 在不使用循环的情况下查找数字数组中的一项 2022-01-01