如何将 ** return (this.innerText.length <= 200) ** 移动到函数
How to move ** return (this.innerText.length <= 200) ** to a function?
我有这个
onkeypress="return (this.innerText.length <= 200);"
在内容可编辑的div 中。
工作正常。
但是当我尝试将其移动到函数时
<script>
function aa(){
document.getElementById('div_id').innerText.length <= 200;
}
</script>
更改内容分区的执行样式
onkeypress="aa();"
它不再有效。
我添加alert('test');
只是为了确保aa()
正在执行。 它执行得很好。
HTML 内部的句柄
你漏掉了return
function aa(){
// MUST ALSO RETURN HERE
return (document.getElementById('div_id').innerText.length <= 200);
}
<!-- NEED EXTRA RETURN HERE -->
<div id="div_id" onkeypress="return aa()" contenteditable>
<!--THIS ARE 200 CHARACTERS--> ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRS
</div>
在 HTML 中无需处理
var div = document.getElementById('div_id2')
div.onkeypress = function(){
return (div.innerText.length <= 200);
}
<div id="div_id2" contenteditable>
<!--THIS ARE 200 CHARACTERS--> ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRS
</div>
您缺少return
关键字;
function check(editor) {
return editor.innerHTML.length <= 200;
}
#editor {
border: 1px solid grey;
height: 100px;
}
<div contenteditable='' id="editor" onkeypress="return check(this);">
Try typing here ...
</div>
相关文章:
- Jquery移动转换复选框在Jquery onclick函数()中第二次选中不起作用
- 我将此代码移动到一个单独的函数中,它停止工作,为什么
- 在 jquery 移动中离开页面时结束 SetInterval 函数
- Fabric.js函数将对象从A点移动到B点
- 阻止页面在jQuery函数之后重新加载或向上移动
- 在加载移动应用程序页面时调用Javascript函数
- 如何使用onmousemove函数在每次鼠标移动时更改背景图像
- 检测移动电话上调用javascript函数的动作
- 传递一个函数来更改 jquery 移动版中的页面
- 如何使用 JavaScript 函数在 JSP 中使用按钮移动到数据库的最后一条记录
- jQuery - 调用函数onmouseout,但仅当光标未移动到某个区域时
- 将 JQuery 函数移动到函数内部,然后从多个函数访问它
- Jquery 移动函数不起作用 == 页面刷新
- 如何将 ** return (this.innerText.length <= 200) ** 移动到函数
- 从移动 HTML 主体在方向更改时调用 Javascript 函数
- 如何让javascript在桌面上运行函数,而不是在移动设备上运行函数
- 我如何创建一个函数,以便编程行将等到它完成并移动到 javascript 中的下一行
- 将函数移动到 Java 脚本
- 如何在对象构造函数内动态处理鼠标移动
- SVG动画与鼠标移动函数内setInterval函数