22 July 2017

JQuery: keypress và focus Nhập value bấm enter tự động chuyển thẻ input thứ hai HTML + JQuery

Nhập bấm enter tự động chuyển thẻ input thứ hai
JQuery 2017
<html>
    <head>
        <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <br/>
    <body>
        <h3>Nhập số hóa đơn bấm enter ==> không load lại form ==> Đưa con trỏ đến input thuế VAT</h3>
        <form action="abc">
            Số hóa đơn: <input type="text" name="soHoaDon" id="soHoaDon" onkeyup="myFunction()" />
            Thuế VAT: <input type="text" name="thueGTGT" id="thueGTGT" /><hr/>
        </form>
        <script type="text/javascript">
            $('#soHoaDon').keypress(function (event) {
                if (event.keyCode == 13 || event.which == 13) {
                    $('#thueGTGT').focus();
                    event.preventDefault(); //preventDefault() Không load lại form
                }
            });
        </script>
    </body>
</html>
Run demo

0 nhận xét:

Post a Comment

 

BACK TO TOP

Xuống cuối trang