- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
使用下面的 html 和 Javascript,我计算输入字段中输入的字符数,并将其限制为 30。我还向用户显示一个计数器。
计数器在以下事件上更改其值:onfocus
、onKeyDown
、onKeyUp
、onpaste
。
我无法让 onpaste
工作。当用户使用“CTRL V”粘贴时,计数器会更改值,但使用鼠标/右键单击粘贴时不会更改。我做错了什么?
Jsfiddle: https://jsfiddle.net/ow3ubgp0/
HTML:
<input readonly type="text" name="countdown1" size="5" value="30" />
<input type="text" id="my_text_input" name="my_text_input" onfocus="limitText(this.form.my_text_input,this.form.countdown1,30);" onKeyDown="limitText(this.form.my_text_input,this.form.countdown1,30);" onKeyUp="limitText(this.form.my_text_input,this.form.countdown1,30);" onpaste="limitText(this.form.my_text_input,this.form.countdown1,30);" />
Javascript:
function limitText(limitField, limitCount, limitNum) {
if (limitField.value.length > limitNum) {
limitField.value = limitField.value.substring(0, limitNum);
} else {
limitCount.value = limitNum - limitField.value.length;
}
}
最佳答案
嗨,请检查以下代码
希望对你有帮助
<html>
<form>
<input readonly type="text" name="countdown1" size="5" value="30" />
<input type="text" id="my_text_input" name="my_text_input" onfocus="limitText(this.form.my_text_input,this.form.countdown1,30);" onKeyDown="limitText(this.form.my_text_input,this.form.countdown1,30);" onKeyUp="limitText(this.form.my_text_input,this.form.countdown1,30);" onpaste="limitText(this.form.my_text_input,this.form.countdown1,30);" onChange="limitText(this.form.my_text_input,this.form.countdown1,30);" oninput="limitText(this.form.my_text_input,this.form.countdown1,30);"/>
</form>
<script>
function limitText(limitField, limitCount, limitNum) {
if (limitField.value.length > limitNum) {
limitField.value = limitField.value.substring(0, limitNum);
} else {
limitCount.value = limitNum - limitField.value.length;
}
}
</script>
</html>
关于Javascript onpaste 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33665795/
我现在有这个: 这确实有效,除了它返回一个空白警报窗口。我没有任何值(value)。帮助? 最佳答案 onpaste事件在 input 之前触发的value被改变。您需要诸如 setTimeout
有谁知道我如何附上 onpaste CKEditor 3.x 中的事件? 我基本上想获取 CTRL + V 数据并向其添加一些文本,然后将其添加到编辑器中。 我环顾四周,但没有找到明确的答案。 CKE
我创建了一个输入字段并使用 onpaste 函数来触发表单提交。但它仅提交当前输入字段中的数据(如果有)而不是粘贴的数据。 我需要发送粘贴的数据。有什么建议我做错了什么吗?
使用下面的 html 和 Javascript,我计算输入字段中输入的字符数,并将其限制为 30。我还向用户显示一个计数器。 计数器在以下事件上更改其值:onfocus、onKeyDown、onKey
我有这个代码: Pontok Mentése 每当input的value通过onkeyup改变时,span的data-data 正在获取该值(如果它恰好是一个数字)。但是,onpaste 永远不会运
我想粘贴一个文本框,粘贴后,它应该用逗号替换所有空格。 function myFunction() { var e=document.getElementById("pc"); setT
我对 JS 中的 onpaste 事件有疑问。我需要将剪贴板内容分成两半,将其复制到两个文本框中。我正在使用下面的代码: function paste(){ document.getElementBy
我有一项任务是禁止粘贴文本框。必须只允许粘贴字母字符。我的代码是 Name 通过给出 onpaste="return false"没有值被粘贴。我该如何解决这个问题? 最佳答案 试试这段代码 $("
我不知道真正的原因是什么。Onpaste功能不起作用 这是我的代码 HTML 脚本 $('.editor').summernote({ onkeydown:function(
我有一个带有额外空格的输入文本字段, 12 12 12 我想在将其粘贴到文本字段后删除多余的空格。 121212 但是,我的代码似乎不适合我。 HTML JavaScript function t
我正在尝试使用 jquery 将 onpaste 事件绑定(bind)到容器内的所有元素 $('.container').on("paste","*",function(e){}); 但是在我的浏览器
我有一个 的工作页面用 描述上传。我添加了截图 onpaste支持textarea它适用于 Firefox 52,应该适用于 Chrome。 但是,在 IE 中 onpaste不会触发 专注于非文
特定于 Google Chrome -这是一个内部使用的应用程序,不需要跨浏览器兼容性 参见 http://jsfiddle.net/spetnik/vpcyt4yv/ 我有一个表,我试图在其中粘贴数
function onPaste(eve) { try { var txt = e.clipboardData.getData('text/plain');
本质上我正在尝试做这样的事情: 该组件仅返回 当我在其中输入内容时,什么也没有发生(此处使用组件的原因是为了将来在输入周围添加进一步的布局)。另外event.target.value MyTextI
这个问题在这里已经有了答案: JavaScript get clipboard data on paste event (Cross browser) (22 个答案) 关闭 6 年前。 我正在 t
当用户将 html 内容粘贴到 Summernote 文本编辑器中时,是否可以删除所有样式属性? 例如:(输入) Hello World I am a Div content 粘贴后的预期输
我有以下事件监听器,我似乎无法在保存粘贴数据的 ev 对象中找到任何内容。 editor.on('beforePaste', function(ev) { console.log( ev );
我已经安装了 SimpleTextEditor (http://www.gosu.pl/steditor/),因为它轻巧且易于修改。创建了所有想要的额外模块,但遇到了不幸的事件——我无法捕捉到此编辑器
我的问题是,当我在 summernote 中粘贴数据时会清除格式,但如果我想按照我的意愿格式化粘贴的文本,它不允许我对粘贴的文本或我在编辑器中编写的文本进行更改.我已经使用此代码将 onpaste 事
我是一名优秀的程序员,十分优秀!