首页 > 代码库 > JavaScript 扫描枪使用(一)
JavaScript 扫描枪使用(一)
JavaScript 扫描枪应用(一)
com.js为主要的代码实现,test.html文件为测试的页面,其中包括了com.js文件中方法的调用。以下为测试成功代码:
com.js
//com.js /** * 初始化MSComm1对象,并打开串口 */ function initMSComm(){ document.write("<OBJECT id=MSComm1 CLASSID=\"clsid:648A5600-2C6E-101B-82B6-000000000014\" codebase=\"MSCOMM32.OCX\" type=\"application/x-oleobject\" style=\"width:100px;height:30px\" >"); document.write("<PARAM NAME=\"CommPort\" VALUE=http://www.mamicode.com/"1\"/> "); document.write("<PARAM NAME=\"DataBits\" VALUE=http://www.mamicode.com/"8\"/> "); document.write("<PARAM NAME=\"StopBits\" VALUE=http://www.mamicode.com/"1\"/>"); document.write("<PARAM NAME=\"BaudRate\" VALUE=http://www.mamicode.com/"9600\"/>"); document.write("<PARAM NAME=\"Settings\" VALUE=http://www.mamicode.com/"9600,N,8,1\"/>"); document.write("<PARAM NAME=\"RTSEnable\" VALUE=http://www.mamicode.com/"1\"/>"); document.write("<PARAM NAME=\"DTREnable\" VALUE=http://www.mamicode.com/"1\"/>"); document.write("<PARAM NAME=\"Handshaking\" VALUE=http://www.mamicode.com/"0\"/>"); document.write("<PARAM NAME=\"NullDiscard\" VALUE=http://www.mamicode.com/"0\"/> "); document.write("<PARAM NAME=\"ParityReplace\" VALUE=http://www.mamicode.com/"?\"/>"); document.write("<PARAM NAME=\"EOFEnable\" VALUE=http://www.mamicode.com/"0\"/>"); document.write("<PARAM NAME=\"InputMode\" VALUE=http://www.mamicode.com/"0\"/>"); document.write("<PARAM NAME=\"InBufferSize\" VALUE=http://www.mamicode.com/"1024\"/>"); document.write("<PARAM NAME=\"InputLen\" VALUE=http://www.mamicode.com/"1\"/>"); document.write("<PARAM NAME=\"OutBufferSize\" VALUE=http://www.mamicode.com/"512\"/>"); document.write("<PARAM NAME=\"SThreshold\" VALUE=http://www.mamicode.com/"0\"/>"); document.write("<PARAM NAME=\"RThreshold\" VALUE=http://www.mamicode.com/"1\"/>"); document.write("</OBJECT>"); if(MSComm1.PortOpen==false){ try{ MSComm1.PortOpen=true; }catch(ex){ alert("com1端口打开失败:"+ex.message); } } } var mscomm_scan_valuehttp://www.mamicode.com/= ""; // 串口响应事件 function MSComm1_OnComm(callBackFunction){ switch(MSComm1.CommEvent){ case 2: //接收事件 if(mscomm_scan_value =http://www.mamicode.com/="") { mscomm_scan_value = http://www.mamicode.com/MSComm1.Input;"getMSCommScanValue("+callBackFunction+")",300); } break; default: alert("Event Raised!"+MSComm1.CommEvent); } } function getMSCommScanValue(callBackFunction){ // 读取缓存中剩余的信息 while(MSComm1.InBufferSize > 0) { mscomm_scan_value += MSComm1.Input; } // 执行页面传递过来的函数 callBackFunction(mscomm_scan_value); // 清空当前读取信息 mscomm_scan_valuehttp://www.mamicode.com/= "" }
test.html
<html> <head> <title>JavaScript串口测试</title> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <script type="text/javascript" src="http://www.mamicode.com/com.js" > </script> <script type="text/ecmascript" for="MSComm1" event="OnComm"> // MSComm1控件每遇到 OnComm 事件就调用 MSComm1_OnComm()函数 MSComm1_OnComm(mscommCallBack) </script> <script type="text/javascript"> function mscommCallBack(scanValue) { var ewtm = document.getElementById("ewtm"); ewtm.value = http://www.mamicode.com/scanValue;"text/javascript" > initMSComm(); </script> 二维条码:<input type="text" id="ewtm"/> </body> </html>
得出以上结果经过几次失败尝试,尝试内容如下:
1. 将test.html文件中的
<script type="text/javascript" for="MSComm1" event="OnComm">
// MSComm1控件每遇到 OnComm 事件就调用 MSComm1_OnComm()函数
MSComm1_OnComm(mscommCallBack)
</script>段代码调整为:
<script type="text/javascript">
window.onload = function() {
MSComm1.OnComm = MSComm1_OnComm;//采用其他方式取代闭包的实现过程
}
</script>
2. 在页面head的JavaScript代码中调用initMSComm方法,将Object标签对象添加到页面的一个div中,页面提示加载ActiveX控件,但是无法绑定OnComm事件响应。
3. 当MSComm1.CommEvent为7时表示接收结束,可是只能接收到状态为2的情况,所以无法采用状态为7时的响应事件。
4. 当initMSComm方法调用时,且MSComm1.CommEvent为2的情况下,判断MSComm1.inBufferCount为0时进行事件响应,可能是缓冲等多种原因(具体不太清楚),会导致inBufferCount出现多吃0的情况,所以没有办法使用,最终采用首次执行,定时获取的方式完成缓存内容的读取操作。
我的目的是通过一次方法调用,能够实现对象的加载,响应事件的绑定,以及接收结束执行响应事件操作。由于我对JavaScript不够熟练,所以没能够达到预期的目的,如果有更好的解决办法,希望大家能够给我留言。
相关文件下载:http://www.posunitech.cn/download_list/columnsId=60&FrontColumns_navigation01-1362972848243FirstColumnId=36&FrontColumns_navigation01-1362972848243SecondColumnId=60&&downloadcategoryid=1&isMode=false.html
JavaScript 扫描枪使用(一)