我有以下代码来输入条形码的读取值:
$(document).ready(function(){
$(".scanner-input").focus().on("input",function(){
let barcode = $(this).val();
})
});
.lnr {
margin-top: 5%;
font-size: 1000%;
}
<link href="https://cdn.jsdelivr.net/npm/pixeden-stroke-7-icon@1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form name="form" method="post" action="">
<input type="text" name="ColabAssid" class="scanner-input" id="ColabAssid" value="">
<button type="submit" class="btn btn-success btn-xl" onclick="inserir_assid();"> <i class="pe-7s-look lnr"></i></button>
</form>
它以这种方式运行得很好. 但我想隐藏输入,我用以下两种方法做到了:
<input type="hidden" name="ColabAssid" class="scanner-input" id="ColabAssid" value="">
或
<input style="display:none;" type="text" name="ColabAssid" class="scanner-input" id="ColabAssid" value="">
问题是,在我上面提到的两种方式中,输入不再接收条形码读数的值.
如何在隐藏输入的同时仍能收到条形码读取值?