條碼機送出的資料是一串文字加一個 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