Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

LG webOS back event

Currently I'm developing a LG webOS application (using Vue.js). Everything works fine, except the fact that when I press the back button on the remote, the back event does not fire. This causes that I'm forced to assign the function to go back to the previous page, to another button (which is not user friendly) instead of the normal return button.

(FYI: I'm using a webOS Signage display)

I've read the documentation about the history API and handling the back event (webOS Back Button) and tried the following, but none of what I tried works:

  • SettingdisableBackHistoryAPI to true in appinfo.json and then manually catching the keydown event when the back button is pressed (keycode 461);
  • SettingdisableBackHistoryAPI to false in appinfo.json and then adding an eventlistener for the popstate event
  • Vice versa (cause you never know)

Even trying to catch the back button press event (so catching keycode 461) doesn't work. The application recognizes all other keycodes, but pressing the back button simply doesn't do anything (fires no event). Anyone has any idea on this?

To be sure the problem is not per se application bound, I installed the following application Back Button Application. The same result: no back event.

Code to catch key event (logs all keycodes except 461):

window.addEventListener('keydown', evt => {
    evt = evt || window.event
    console.log(evt.keyCode)
    if (evt.keyCode === 461) {
        router.go(-1)
    }
  })

The back button is being registered on the LG webOS emulator (v4.0). The framework I'm using as stated earlier, is Vue.js and I use Cordova Toast to compile my projects to LG webOS (and in the future to Samsung Tizen).

-- BOUNTY EXPIRED BUT STILL LOOKING FOR AN ANSWER --

like image 357
Condor Avatar asked Aug 21 '19 08:08

Condor


2 Answers

Try adding this code into the head section of your index.html, and "disableBackHistoryAPI": true into your appinfo.json:

<script src="webOSTVjs-1.1.0/webOSTV.js" charset="utf-8"></script>
<script src="webOSTVjs-1.1.0/webOSTV-dev.js" charset="utf-8"></script>
<script type="text/javascript">

    window.addEventListener("keydown", function(e) {
        console.log("[keyCode] : " + "[" + e.keyCode + "]");

        switch (e.keyCode) {
            case 461:
                console.log("Back key pressed");
                webOS.platformBack();

                break;
        }
    });

</script>

Please remember that ES6 is not supported in the LG webOS TV. I guess you already know that and use Babel to convert the code.

Please refer to this page for more information.

like image 50
burakk Avatar answered Sep 21 '22 23:09

burakk


Were you able to use the BACK button on the remote control? I have the same problem here.

This code see the other buttons, except the back button.

    window.addEventListener("keydown", function(inEvent){   

        if(window.event) {
            keycode = inEvent.keyCode;
        } else if(e.which) {
            keycode = inEvent.which;
        }

        document.getElementById("BtnControle").innerHTML = keycode;

    });  
like image 25
Rafael Vinícius Avatar answered Sep 21 '22 23:09

Rafael Vinícius