按方向鍵時觸發TAB

javascript

willy99924 2023-02-16 11:44:36 ‧ 725 瀏覽

分享至

請問有辦法把底下的JS改成在chrome按方向鍵向右時自動觸發TAB嗎?

case "ArrowRight": //右向鍵
    var tIndex;
    if (obj.value == "借" || obj.value == "貸" || obj.value == "選貼摘要") {
    event.key = "Tab"; //Tab鍵
    }
    else {
        if (obj.createTextRange) { //for IE
        var r = document.selection.createRange().duplicate();
        r.moveEnd('character', obj.value.length)
        tIndex = obj.value.lastIndexOf(r.text)
        }
        else {  //for Firefox
            tIndex = obj.selectionStart;
        }
        if (obj.value.length == tIndex)
            event.key = "Tab";
    }

    break;

修正後

case 39:
    if (obj.tagName.toLowerCase() === 'input' && obj.type === 'text') {
    event.preventDefault();
    const inputs = Array.from(document.querySelectorAll('input[type="text"]'));
    const elementsWithTabIndex = inputs.filter(function (element) {
        return element.getAttribute('tabindex') !== '-1';
    });
    const targetIndex = elementsWithTabIndex.indexOf(obj);
    if (targetIndex === elementsWithTabIndex.length - 1) {
        elementsWithTabIndex[0].focus();
    } else {
        elementsWithTabIndex[targetIndex + 1].focus();
    }
}
break;

powerc iT邦新手 1 級 ‧ 2023-02-16 16:50:55 檢舉

到底是C#還是JS==?

緯大啊緯大人 iT邦研究生 1 級 ‧ 2023-02-16 18:11:40 檢舉

所以我說 C# 在哪

willy99924 iT邦新手 5 級 ‧ 2023-02-17 08:40:42 檢舉

我是想說如果JS沒辦法
是不是能用C#寫在.cs裡
沒講清楚抱歉...

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

JamesDoge

iT邦高手 1 級 ‧ 2023-02-16 19:44:38

case "ArrowRight": //右向鍵
var tIndex;
if (obj.value == "借" || obj.value == "貸" || obj.value == "選貼摘要") {
event.key = "Tab"; //Tab鍵
}
else {
if (obj.createTextRange) { //for IE
var r = document.selection.createRange().duplicate();
r.moveEnd('character', obj.value.length)
tIndex = obj.value.lastIndexOf(r.text)
}
else { //for Firefox
tIndex = obj.selectionStart;
}
if (obj.value.length == tIndex) {
event.preventDefault(); //取消原本方向鍵的預設行為
var e = new KeyboardEvent("keydown", {
bubbles: true,
cancelable: true,
keyCode: 9 //Tab鍵的keyCode
});
obj.dispatchEvent(e); //觸發Tab鍵事件
}
}
break;