iT邦幫忙

0

手機版的Chrome在頁面有多個input的狀況時,只有最後一個input吃的到鍵盤的enter,較舊的Chrome版本吃的到,想請問有人也遇過這個文章的問題嗎,如何處理呢?

  • 分享至 

  • xImage

Android Chrome keypress event "Enter" not triggered when using multiple input elements
https://stackoverflow.com/questions/51674081/android-chrome-keypress-event-enter-not-triggered-when-using-multiple-input-el

不好意思~我說明的可能不夠清楚,我再貼圖片進行說明(圖片是我寫的測試頁面)
圖片參考:https://risu.io/8L9Iw

我寫的測試網頁有三個輸入框,我在頁面的輸入框輸入完後,按下手機鍵盤的enter,前兩個input都不會觸發我加到input標籤裡的事件(不會跳alert"1",alert"2"),只有最後一個會跳alert"3",

我測試的chrome版本有87版、83版、107版,(87版跟83版會觸發事件跳alert"1",alert"2",最新版的107則不會),
網路上我也只找到上面的那篇文章,文內好像是說可能101版後會發生這個狀況

<input id="test_input1" onkeydown="text_keypress=('test_input1',event)">
<input id="test_input2" onkeydown="text_keypress=('test_input2',event)">
<input id="test_input3" onkeydown="text_keypress=('test_input3',event)">

<script>
function text_keypress(sender,event){
    if(event.keyCode == 13){
        if(sender=="test_input1") alert("1");
        if(sender=="test_input2") alert("2");
        if(sender=="test_input3") alert("3");
    }
}
</script>
標題當內容?內容放英文且又有點不太對題??
這是哪招??
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答