绑定在标签中的事件如何获取当前元素

最新推荐文章于 2025-05-24 13:13:15 发布

原创最新推荐文章于 2025-05-24 13:13:15 发布 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#input #获取元素 #获取标签值 #keyup

功能专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何在HTML的input元素中绑定keyup事件，并通过事件处理函数实现对输入内容的实时格式化，例如手机号码的数字限制。提供了两种实现方式：一是直接在input标签内使用onkeyup属性；二是通过外部函数接收事件对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果要在下面的input元素中绑定一个keyup事件，要获取当前value值，该如何获取呢，

<input type='number' id='mobile' placeholder='请输入您的手机号'>

可以通过this直接获取：

<input type="number" id="mobile" placeholder="请输入您的手机号码" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">

或者如下，将this值传到函数里面

<input type="number" id="mobile" placeholder="请输入您的手机号码" onkeyup="keyUp(this)">

function keyUp(obj){
            if(obj.value.length==1){
                obj.value=obj.value.replace(/[^1-9]/g,'')
            }else{
                obj.value=obj.value.replace(/\D/g,'')
            }
        };