确定数字输入的内容

作者: 银环蛇
发布时间: 2024-12-18 05:39:21 (2月前)
转自：

5 条回复

0#
回复此人
一号位 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您可以使用以下任何事件： </p> <pre> <code> onkeyup = "console.log(event.key)" onkeypress = "console.log(event.key)" onkeydown = "console.log(event.key)" </code> </pre> <P> 但是一旦输入关键值，这些就会触发。 </p> <P> 在您的用例中，用户将永远无法在输入元素中实际输入除数字之外的任何内容，因为它被设置为type =“number”。您可以尝试使用type =“text”来区分数字和其他字符之间的值。 </p> </DIV>

编辑
1#
回复此人
威斯特 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我担心没有办法，因为它只是为了接受数字。但是，如果用户没有通过切换到的号码输入数字，您至少可以检索的<strong> oninput </强> 事件和评估的<strong> valueAsNumber </强> 虽然。 </p> <P> 所以 </p> <pre> <code> <input type="number" oninput="console.log(this.valueAsNumber)"> </code> </pre> <P> 将返回的<strong> NAN </强> 如果不是数字。 </p> </DIV>

编辑
2#
回复此人
纾潆锦袖迷子 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您无法从输入类型编号获取文本输入，因此您可以这样做 </p> <P> 在HTML中 </p> <pre> <code> <input type="text" onchange="detectNumber(this.value)" id = 'number_input'"> </code> </pre> <P> 在js </p> <pre> <code> let numberInput = document.querySelector('#number_input'); function detectNumber(value){ if(isNaN(parseInt(value))){ console.log('Text input!!') numberInput.value = value.split('').pop().join(''); } } </code> </pre> </DIV>

编辑
3#
回复此人
小狮子 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 这是一个例子 <code> type:number </code> 没有输入任何文字或承租人只有允许的号码才能查看 </p> <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”> <div class =“snippet-code”> <pre class="snippet-code-html lang-html prettyprint-override"> <code> <input type="number" oninput="console.log(this.valueAsNumber)"> </code> </pre> </DIV> </DIV> <P> </p> </DIV>

编辑

登录后才能参与评论