相关疑难解决方法(0)

javascript使用MutationObserver来检测输入标记中的值更改

我想检测输入字段中文本/值的变化.所以我读了很多例子并尝试下面的代码.但它不起作用.这是小提琴预览.即使我用js代码改变值我想要检测到这些变化.

HTML

<input type="text" id="exNumber"/>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    // console.log('Mutation type: ' + mutation.type);
    if ( mutation.type == 'childList' ) {
      if (mutation.addedNodes.length >= 1) {
        if (mutation.addedNodes[0].nodeName != '#text') {
//        console.log('Added ' + mutation.addedNodes[0].tagName + ' tag.');
        }
      }
      else if (mutation.removedNodes.length >= 1) {
       // console.log('Removed ' + mutation.removedNodes[0].tagName + ' tag.')
      }
    }
     if (mutation.type == 'attributes') {
      console.log('Modified ' + mutation.attributeName + ' attribute.')
    }
        });   
}); …
Run Code Online (Sandbox Code Playgroud)

html javascript

13
推荐指数
4
解决办法
1万
查看次数

用JS模拟发送数据到文本输入域

我有一项任务需要自动执行登录表单身份验证。在这个例子中,我将向您展示 Tiktok 身份验证表单(移动界面,而不是桌面界面。电子邮件和密码选项)

带有非活动登录按钮的表单屏幕截图

如果我以编程方式在字段中输入文本值,则“登录”按钮将不会变为活动状态,如果我通过单击鼠标手动将焦点放在字段上,则该值会消失。这是我运行的两行代码,用于将值放入:

let email_input = document.getElementsByName("email")[0];
email_input.value = 'sample@email.com';
Run Code Online (Sandbox Code Playgroud)

我知道它需要触发某个事件来为其 JS 模型分配一个值,但我不知道该怎么做。我尝试将更改或输入事件发送到此文本字段,但使用此代码没有成功:

let email_input = document.getElementsByName("email")[0];
email_input.value = 'sample@email.com';
Run Code Online (Sandbox Code Playgroud)

但这似乎没有帮助。所以我的目标是以检测到的方式将值放入“电子邮件”和“密码”字段中,并且“登录”按钮将变为活动状态。

任何建议将不胜感激

javascript

7
推荐指数
2
解决办法
2636
查看次数

标签 统计

javascript ×2

html ×1