我有一个 jquery 脚本,它可以通过单击相应的按钮来复制所需字段中的选定文本......现在我需要限制这些输入 id 不同数量的字符......第一个输入应该有最多 5 个字符,第二个最多 2第三个最大值为3 ....在 getSelection() 中解决一些问题;功能?或者是其他东西?
这是当前的 jsfiddle:http: //jsfiddle.net/dzorz/ZhN3M/
尝试选择文本的一部分,然后单击一个按钮以测试功能
html:
<p id="highlighted_text">Aliquam eget ipsum accumsan, convallis nulla sit amet, auctor est.
Nam quis condimentum eros, vel condimentum lacus. In id enim at sem gravida sodales
eu vitae risus. Morbi sed mi sit amet lectus rhoncus gravida a sit amet nisl. Phasellus
quis ultricies leo. Duis vel lobortis mauris. Suspendisse sed diam eu turpis facilisis
rutrum vitae vitae dolor.</p>
<form id="myform" class="form-horizontal">
</fieldset>
<div class="control-group">
<input type="text" class="input-small" id="input1"> <a href="#" id="copy1" class="btn btn-primary">Copy to 1</a>
</div>
<div class="control-group">
<input type="text" class="input-small" id="input2"> <a href="#" id="copy2" class="btn btn-primary">Copy to 2</a>
</div>
<div class="control-group">
<input type="text" class="input-small" id="input3"> <a href="#" id="copy3" class="btn btn-primary">Copy to 3</a>
</div>
</fieldset>
</form>
脚本:
function getSelectedText() {
if (window.getSelection) {
return window.getSelection();
} else if (document.selection) {
return document.selection.createRange().text;
}
return '';
}
$(document).ready(function () {
$('#copy1').click(function () {
$('#input1').val(getSelectedText());
});
$('#copy2').click(function () {
$('#input2').val(getSelectedText());
});
$('#copy3').click(function () {
$('#input3').val(getSelectedText());
});
});