當單擊按鈕時，我正在嘗試在此處使用 JS 和 Jquery 的組合來選擇輸入文本（之前的幾個元素）。
我知道如何僅使用 JS 來做到這一點，但我想了解如何使用 jQuery 來做到這一點。我在控制臺中收到錯誤訊息：TypeError: ele.setSelectionRange 不是函式。我認為這意味著它沒有按照我需要的方式定義輸入值。
我在這里沒有使用 ID 或 Class 來識別輸入。
有人可以在這里幫助我嗎？謝謝
JS
$(document).ready(function () {
$('.jimmy').click(function(e){
e.preventDefault;
jimsFunction(this);
});
});
function jimsFunction(input) {
let ele = $(input).parent().siblings(':first-child').children();
ele.select();
ele.setSelectionRange(0, 99999);
navigator.clipboard.writeText(ele.value);
alert("Copied: " ele.value);
}
HTML
<div class="colbody">
<div>
<input type="text" value="www.brave.com" readonly>
</div>
<div>
<a href="www.google.com" target="_blank">View</a>
</div>
<div>
<button type="button" class="jimmy">Copy URL</button>
</div>
</div>
uj5u.com熱心網友回復：
setSelectionRange(0, 99999)不是 jQuery 物件的方法。在 DOM 元素上使用它。
所以試試：[0]
例子：
$('.jimmy').click(function(e) {
e.preventDefault;
jimsFunction(this);
});
function jimsFunction(input) {
let ele = $(input).parent().siblings(':first-child').children();
ele[0].select();
ele[0].setSelectionRange(0, 99999);
navigator.clipboard.writeText(ele[0].value);
alert("Copied: " ele[0].value);
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="colbody">
<div>
<input type="text" value="www.brave.com" readonly>
</div>
<div>
<a href="www.google.com" target="_blank">View</a>
</div>
<div>
<button type="button" class="jimmy">Copy URL</button>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/487853.html
標籤：javascript jQuery dom 复制 父母