问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

谁用过input事件？如何在inpu的事件对象中获取自己输入的字符?

头像
热饭班长
    3.7k20241349

    谁用过input事件？如何在inpu的事件对象中获取自己输入的字符?

    回答的都不行，我需要判断当前按下的值，你们这样的我无法检测到backspace被按下

    微信不支持keyup,keydown,keypress中的keyCode，所以,keycode这种思路无效

    javascriptcsshtmlhtml5node.js
    阅读 5.6k
    2 个回答
    得票最新
    头像
    Tomoe
      6.2k11012

      html

      <input type="text" id="test">

      javascript

      // jquery
$('#test').on('keyup', function(event) {
  console.log(event.key)
})

// 原生
var input = document.getElementById("test")
input.addEventListener('keyup', function(event) {
  console.log(event.key)
})

      图片描述

      头像
      周羊羊
        9233723

        event.target.value

        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input id='test' type='text'>
<script>
    document.getElementById('test').addEventListener('input',function(e){
        console.log(e.target.value);
    })
</script>
</body>
</html>

        -----分割线----
        是回答得不行，还是你自己没有讲清楚？
        backspace的keycode是8

        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input id='test' type='text'>
<script>
    document.getElementById('test').addEventListener('keyup',function(e){
        if(e.keyCode==8){
            console.log('按了backspace键');
        }
    })
</script>
</body>
</html>
        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题