在网页上用js更改输入框信息如何能生效

您可以通过以下步骤更改输入框的内容并使其生效：

1.获取输入框元素的引用：

var inputBox = document.getElementById("input-box");

2.更改输入框的值：

inputBox.value = "New Value";

3.触发事件，使更改后的值生效：

var event = new Event("input", { bubbles: true });
inputBox.dispatchEvent(event);

这样就可以通过JavaScript更改输入框的内容并使其生效了。

相关问题

js获取input输入框内容并显示在网页上

你可以使用以下代码获取input输入框内容并显示在网页上：

var input = document.getElementById("input-id").value;
document.getElementById("output-id").innerHTML = input;

注意要替换掉"input-id"和"output-id"两个元素的ID为你实际使用的ID。

控制输入框vue自定义指令生效和不生效

您好！感谢您的提问。

如果您想让自定义指令在输入框中生效，可以在自定义指令的绑定钩子函数（bind）中，使用Vue的$el属性获取到该输入框元素，并对其进行操作。

例如，如果您想让输入框内容始终为大写字母，可以编写如下指令：

Vue.directive('uppercase', {
  bind: function (el) {
    el.addEventListener('input', function () {
      this.value = this.value.toUpperCase()
    })
  }
})

然后，在输入框中使用该指令：

<input v-uppercase>

如果您想让自定义指令不生效，可以在指令的绑定钩子函数（bind）中，使用Vue提供的指令解绑方法（unbind）将指令从元素上解绑。

例如，如果您想让名为“foo”的指令在某些情况下不生效，可以编写如下代码：

Vue.directive('foo', {
  bind: function (el) {
    if (someCondition) {
      Vue.util.extend(el, {
        foo: null,
        _foo: null
      })
      Vue.util.defineReactive(el, 'foo', null)
      this.unbind()
    }
  }
})

然后，在需要不生效的元素上使用该指令：

<div v-foo></div>

希望这个回答能够帮助到您。如果您还有其他问题，请随时提出。