亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

通過單擊光標所在位置的按鈕將文本輸入文本輸入

通過單擊光標所在位置的按鈕將文本輸入文本輸入

MYYA 2023-05-19 16:05:04
這里我有一個input帶有一些按鈕的按鈕,可以在其中輸入文本;<input id="input"/><button onclick="enter('a')">a</button><button onclick="enter('b')">b</button><button onclick="enter('c')">c</button><script>function enter(character){document.getElementById("input").value+=character;document.getElementById("input").focus();}</script>我想讓這些按鈕 entera和光標閃爍的地方,b而c不是整個文本的后面。需要什么腳本來實現這個?
查看完整描述

1 回答

?
偶然的你

TA貢獻1841條經驗 獲得超3個贊

運行這段代碼;這是您需要的所有代碼:


function insertAtCaret(areaId, text) {

? var txtarea = document.getElementById(areaId);

? if (!txtarea) {

? ? return;

? }


? var scrollPos = txtarea.scrollTop;

? var strPos = 0;

? var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ?

? ? "ff" : (document.selection ? "ie" : false));

? if (br == "ie") {

? ? txtarea.focus();

? ? var range = document.selection.createRange();

? ? range.moveStart('character', -txtarea.value.length);

? ? strPos = range.text.length;

? } else if (br == "ff") {

? ? strPos = txtarea.selectionStart;

? }


? var front = (txtarea.value).substring(0, strPos);

? var back = (txtarea.value).substring(strPos, txtarea.value.length);

? txtarea.value = front + text + back;

? strPos = strPos + text.length;

? if (br == "ie") {

? ? txtarea.focus();

? ? var ieRange = document.selection.createRange();

? ? ieRange.moveStart('character', -txtarea.value.length);

? ? ieRange.moveStart('character', strPos);

? ? ieRange.moveEnd('character', 0);

? ? ieRange.select();

? } else if (br == "ff") {

? ? txtarea.selectionStart = strPos;

? ? txtarea.selectionEnd = strPos;

? ? txtarea.focus();

? }


? txtarea.scrollTop = scrollPos;

}

<input id="textareaid" />


<button onclick="insertAtCaret('textareaid', 'a');return false;">a</button>


<button onclick="insertAtCaret('textareaid', 'b');return false;">b</button>


<button onclick="insertAtCaret('textareaid', 'c');return false;">c</button>



查看完整回答
反對 回復 2023-05-19
  • 1 回答
  • 0 關注
  • 164 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號