locked
Press the Enter key is called the Back button.. RRS feed

 > 

  • Question

  • Question
    Sign in to vote
    0
    Sign in to vote

    Hi, all.

    Press the Enter key is called the Back button.

    I want to press the Enter key to invoke the "btnSearch" button.

    Please help me.

    <div class="fragment homepage">
        <header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span id="cityName" class="pagetitle">城市管理</span>
            </h1>
        </header>
        <div class="content" aria-label="Main Content" role="main">
            <div id="search" style="width: 100%; text-align: center; margin: 0px 0px 50px 0px;">
                <input id="txtSearch" type="text" required="required" placeholder="输入城市名称" style="width: 300px;
                    height: 30px;" />
                <button id="btnSearch" style="height: 33px;">添加城市</button>
            </div>
            <div id="list" style="height: 100%;">
                <div id="cityListView" data-win-control="WinJS.UI.ListView"></div>
            </div>
        </div>
    </div>

    Monday, July 23, 2012 3:36 PM

Answers

  • Question
    Sign in to vote
    0
    Sign in to vote

    Hi Xiao.Hu

    You can add this to trigger the onkeypress event.

    txtSearch.addEventListener("keypress", function (e) {
                // look for window.event in case event isn't passed in
                if (typeof e == 'undefined' && window.event) { e = window.event; }
                if (e.keyCode == 13) {
                    document.getElementById('btnSearch').click();
                }
            }, false);
    Best regards
    Tuesday, July 24, 2012 9:06 AM