javascript - 谁用过input事件?如何在inpu的事件对象中获取自己输入的字符?
迷茫
迷茫 2017-04-11 11:38:17
0
2
390

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

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

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

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

reply all(2)
Peter_Zhu

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>
迷茫

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)
})

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template