JavaScript中值为数字的示例分析
导读:本文共807字符,通常情况下阅读需要3分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 值为数字您是否曾经注意到,即使输入框的类型为数字,event.target.value仍始终返回字符串类型的值?请参见下面的示例。我们有一个简单的数字类型的文本框。这意味着它仅接受数字作为输入,它具有事件处理程序来处理按键事件。<inputtype='number'onkeyup="trackChange(event)"... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。值为数字
您是否曾经注意到,即使输入框的类型为数字,event.target.value
仍始终返回字符串类型的值?
请参见下面的示例。我们有一个简单的数字类型的文本框。这意味着它仅接受数字作为输入,它具有事件处理程序来处理按键事件。
<inputtype='number'onkeyup="trackChange(event)"/>
在事件处理程序中,我们使用event.target.value
取出值,但是它返回一个字符串类型值。现在,我将不得不将其解析为整数。如果输入框接受浮点数(例如 16.56)怎么办?使用parseFloat()
然后呢?啊,我不得不面对各种各样的困惑和额外的工作!
functiontrackChange(event){letvalue=event.target.value;console.log(`is${value}anumber?`,Number.isInteger(value));}
请改用event.target.valueAsNumber
,它以数字形式返回值。
letvalueAsNumber=event.target.valueAsNumber;console.log(`is${value}anumber?`,Number.isInteger(valueAsNumber));
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:
JavaScript中值为数字的示例分析的详细内容,希望对您有所帮助,信息来源于网络。