Javascript 键控功能不工作
我正在js中制作一个字符计数器,但keyup事件不起作用Javascript 键控功能不工作,javascript,jquery,Javascript,Jquery,我正在js中制作一个字符计数器,但keyup事件不起作用 $(文档).ready(函数(){ 函数计数字符(元素,最大计数){ var countLength=$('#'+元素).val().length(); 警报(计数长度); } }); 为了避免与函数范围相关的任何问题,并将JS代码与HTML分开,我将使用以下事件绑定: $('#storyOutline').on('keyUp', function() { var length = $(this).val().length();
$(文档).ready(函数(){
函数计数字符(元素,最大计数){
var countLength=$('#'+元素).val().length();
警报(计数长度);
}
});代码>
为了避免与函数范围相关的任何问题,并将JS代码与HTML分开,我将使用以下事件绑定:
$('#storyOutline').on('keyUp', function() {
var length = $(this).val().length();
alert(length);
});
onkeyup=“countingCharacter(“故事大纲”,100)”
“故事大纲”
将关闭并打开onkeyup中的引号
可以在双引号内使用单引号:
onkeyup=“countingCharacter('storyOutline',100)”
使用单引号向内联JavaScript函数添加参数,因此:
<textarea onkeyup="countingCharacter('storyOutline')" ... ></textarea>
您可以使用event.currentTarget.textLength
值获取textarea长度
$(document).on(“keyup”,“故事大纲”,函数(e){
console.log(e.currentTarget.textLength);
});代码>
$(文档).ready(函数(){
$(“输入”).keyup(函数(){
警惕(“您按下了键”);
});
});
输入您的姓名:
当您在文本字段上键入时,您会发现一条已键入的警报消息。首先在全局范围内定义countingCharacter()
函数并正确嵌套引号,或者停止使用内联事件并从JS代码中添加事件侦听器。请尝试onkeyup=“countingCharacter('storyOutline',100)”
@Carsten Løvbo Andersen,不工作……您也需要更改函数的定义位置。它们不在*
属性上作为OPs代码的范围内stands@lvan,如果我想用于文本框的数量,但函数应该是单一的,我如何实现???你有什么想法吗?伊万,我没有否决你我尊重你的回答。
<textarea onkeyup="countingCharacter("storyOutline")" ...></textarea>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("input").keyup(function(){
alert("your pressed the key");
});
});
</script>
</head>
<body>
Enter your name: <input type="text">
</body>
</html>