使用 Jquery 将最大字符数设置为 <body>?
Setting max characters to <body> with Jquery?
我想为正文标签设置最大字符数 Jquery。我尝试了下面的脚本,但它不起作用。但是它适用于 div 标签。谁知道是否可以将最大字符数设置为 body 标签? Demo jsfiddle
<html>
<head>
<script>
jQuery(document).ready(function($) {
$('body').on('keydown', function(event) {
if($(this).text().length === 10 && event.keyCode != 8) {
event.preventDefault();
}
});
});
</script>
<style>
body {
height: 100px;
width: 300px;
border: 1px solid grey;
outline: 0;
}
</style>
</head>
<body contenteditable="true"></body>
</html>
这是因为 jsfiddle 在 body
中添加了一些内容,而 .text()
拾取了它们,因此 .length
不是您所期望的。
在您的事件处理程序中尝试 console.log($(this).text())
,您就会明白我的意思。
运行 您在 干净 页面上的代码没有向其中注入东西,应该可以工作。
我想为正文标签设置最大字符数 Jquery。我尝试了下面的脚本,但它不起作用。但是它适用于 div 标签。谁知道是否可以将最大字符数设置为 body 标签? Demo jsfiddle
<html>
<head>
<script>
jQuery(document).ready(function($) {
$('body').on('keydown', function(event) {
if($(this).text().length === 10 && event.keyCode != 8) {
event.preventDefault();
}
});
});
</script>
<style>
body {
height: 100px;
width: 300px;
border: 1px solid grey;
outline: 0;
}
</style>
</head>
<body contenteditable="true"></body>
</html>
这是因为 jsfiddle 在 body
中添加了一些内容,而 .text()
拾取了它们,因此 .length
不是您所期望的。
在您的事件处理程序中尝试 console.log($(this).text())
,您就会明白我的意思。
运行 您在 干净 页面上的代码没有向其中注入东西,应该可以工作。