問題

バーコードスキャナーで読み込んだバーコードから検索したい

解決策

test.page


<!-- ここに読み込んだバーコードを入れる -->
<!-- onkeypressの場合、「ひらがな」入力だと動かない -->
<apex:inputText value="{!barcode}" onkeydown="return handlerEnterKeyPress(event, '{!$Component.検索ボタンのID}')" />

<!-- 検索ボタン -->
<apex:commandButton id="検索ボタンのID" action="{!Apexの処理}" value="検索"/>

test.js


function handlerEnterKeyPress(e, buttonId){
    
    // e.codeに分別できる値が入っている
    // キービードからEnterを押下した場合は"Enter"
    // 読み込み後、Enter起動のバーコードスキャナーが読み込んだ場合は"NumpadEnter"
    if(e.code == "Enter" || e.code == "NumpadEnter"){
        // 検索ボタンを押下して、バーコードからレコードを取得する
        document.getElementById(buttonId).click();
        return false;
    }
    // 他の入力は処理を行わない
    // 例えば、KeyAやKeyWなど
    return true;
}

参考リンク

onkeydown属性 onkeypress属性 onkeyup属性

押したキーのキーコードを取得