javascript - 更改 keyup 上的输入值

标签 javascript jquery input onkeyup

我的页面中有一个输入框,我想在“keyup”事件上更改其值(keypress 也适用于我)。问题是每次我设置输入的值时,输入都会变成空白!

这是我的 html:

<input id="time" type="number" />

还有 JavaScript:

$('#time').keyup(function (e) {

        var key = e.keyCode;    
        var itime = $("#time");

        if (itime.val().length == 2) {
            var text = itime.val() + ":";
            $("#time").val(text);
        }
 })

我想要的只是在两笔输入后自动将“:”字符附加到我在输入中键入的内容。

我想实现类似屏蔽输入插件的功能,但显然没有它。

最佳答案

问题是你破坏了输入框的类型 - 你说它的类型是“数字”,但是你在它后面附加了一个“:”,这不是一个有效的数字字符。如果您想要不同的格式,您必须删除“数字”类型,这就是它的归结。有关输入类型的更多详细信息,请参阅 here .

关于javascript - 更改 keyup 上的输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13919767/

相关文章:

javascript - 通过水平分组在表中显示数据

javascript - 使用 Angular JS 的自定义分页 - 需要在第一页显示 div 元素,该元素应该在第二页上重复单击下一步

javascript - 如何创建一个像 Google 日历使用的那样的弹出窗口?

javascript - 如何检查文本框是否非空且其值大于0而不是文本?

javascript - Foundation-Apps angular 站点与 karma-jasmine 单元测试的集成

javascript - jQuery 延迟触发事件

javascript - 访问元素,其中包含当前 &lt;script&gt;

javascript - 我该如何处理文档准备就绪的情况?

javascript - 使用 jQuery 检查输入元素的焦点失败

file - FFMPEG 从文本文件中读取输入并同时从文件中过滤复杂