有個需求是要在條碼機讀到資料時,就查詢該筆資料....
條碼機送出的資料是一串文字加一個 enter ,原本網頁要做到 enter submit form 是很簡單的,沒記錯 action 設一下就好,但是有的時候不能改 form action,只好用 js 去克服了,原本寫在 .net 上的版本我是在 textbox 上加 onkeypress 去觸發事件,但是拿到blog上我就改用jQuery以方便展示了。
上面是demo,下面是語法。
HTML部分
JavsScript部分
記得要引用jQuery,不然不會動。
條碼機送出的資料是一串文字加一個 enter ,原本網頁要做到 enter submit form 是很簡單的,沒記錯 action 設一下就好,但是有的時候不能改 form action,只好用 js 去克服了,原本寫在 .net 上的版本我是在 textbox 上加 onkeypress 去觸發事件,但是拿到blog上我就改用jQuery以方便展示了。
上面是demo,下面是語法。
HTML部分
<input id="tbSearch" type="text" name="tbSearch"> <input id="btnSearch" type="button" value="按我" onclick="showtxt()"> <div id='showhere'></div>
JavsScript部分
$('.tbSearch').keypress(function(e) { var key = window.event ? e.keyCode : e.which; if (key == 13) $('btnSearch').click(); }); $(document).ready(function () { $('#tbSearch').focus(); }); $('#tbSearch').keypress(function(e) { if(e.which == 13) { $('#btnSearch').focus().click(); } }); function showtxt() { $('#showhere').text($('#tbSearch').val()); }
記得要引用jQuery,不然不會動。
No comments:
Post a Comment