当前位置: 首页 > 面试题库 >

如何在输入时从html表单输入框中获取值?

干茂才
2023-03-14
问题内容

如何在输入框中获取输入框中的值?


问题答案:

每次释放键都会触发onkeyup。虽然它看起来是解决方案,但它仍然存在一些问题。

如果用户使用箭头移动光标,则会触发该光标,并且您必须检查自己是否字段值没有更改。

如果用户使用鼠标在输入字段中复制/粘贴一个值,或者在浏览器中单击“撤消/重做”,onkeyup则不会触发。

就像在Mac或Google文档中一样,我不想保存按钮来在我们的应用程序中提交表单,这就是我的操作方法。任何评论或捷径都很受欢迎,因为它有点沉重。

  1. onfocus存储字段的当前值,并开始一个间隔以检查更改
  2. 当用户在输入中移动某些内容时,将与旧值进行比较,如果触发了不同的保存,
  3. onblur ,当用户离开该字段时,清除间隔和事件处理程序

这是我使用的函数,elm是输入字段引用,之后是在更改值时调用的回调函数:

<html>
<head>
    <title>so</title>
</head>
<body>
    <input type="text" onfocus="changeField(this, fldChanged);">
    <script>
        function changeField(elm, after){
            var old, to, val,
                chk = function(){
                    val = elm.value;
                    if(!old && val === elm.defaultValue){
                        old = val;
                    }else if(old !== val){
                        old = val;
                        after(elm);
                    }
                };
            chk();
            to = setInterval(chk, 400);
            elm.onblur = function(){
                to && clearInterval(to);
                elm.onblur = null;
            };
        };
        function fldChanged(elm){
            console.log('changed to:' + elm.value);
        }
    </script>
</body>
</html>


 类似资料:
  • 问题内容: 我是HTML的新手,正在尝试学习如何使用表单。 到目前为止,我最大的问题是对齐表格。这是我当前的HTML文件的示例: 问题在于,“电子邮件”后的字段框与名字和姓氏相比在空格方面有很大不同。使其真正“排队”的“正确”方法是什么? 我正在尝试练习良好的格式和语法…很多人可能不确定使用CSS来做到这一点,到目前为止,我仅了解HTML的基本知识。 问题答案: 另一个使用CSS的示例,我只是将表

  • 问题内容: 我正在尝试创建一个基本菜单,以检查输入的变量是否与定义的变量匹配。如果定义了变量,则获取已定义变量的数据。 例。 我输入 应该相等 问题答案: 这似乎是您要找的东西: 但是,这可能不是最好的策略,因为错字或恶意用户很容易使您的代码崩溃,系统过载或执行他们喜欢的任何其他讨厌的事情。对于这种特殊情况,更好的方法可能是

  • 所以我的问题很简单。 如何从表单中获取用户输入并将其放入变量中? 我想用香草JS和没有库来做这件事。 多谢了。

  • 问题内容: 使用jQuery获取和呈现输入值的方法有哪些? 这是一个: 问题答案:

  • 问题内容: 我正在尝试使用Console类从用户获取输入,但是在调用时返回空对象。使用System.console之前我是否需要更改任何内容? 问题答案: 使用控制台读取输入(仅在IDE外部可用): 另一种方法(适用于所有地方): 因此,如果你真的需要使用

  • 在下面的例子中,我试图接受用户的单字符输入,但是当运行程序时,我得到do...而循环执行多次。请参阅下面程序的结果。 如果有人能帮我找到答案,如何解决这个问题?