javascript - 当用户尝试在文本框中输入密钥时发出警报

Question

所以我现在一直在寻找一些代码，当他们尝试在空白文本框中输入任何类型的文本时，会向用户发出一条消息（我知道如何发出警报）。

这是我的代码。我要添加什么来导致sendMsg()调用该函数？

<script>
  function sendMsg()
  {
    alert ("change msg content here");
  }
</script>

这是HTML：

<body>
  <input type="text" name="">
</body>

score 0 · Accepted Answer

这可能有效：

<input type="text" name="foo" onKeyUp="sendMsg()" />

即如果我理解你的问题。

干杯。

score 0 · Accepted Answer

0

使用onchange事件。

<input type="text" name="" onchange="inputChanged();">

于 2013-04-05T02:33:50.347 回答

score 0 · Accepted Answer

您是否尝试过为您的输入提供一个 ID：

<input id="testing" type="text" name="" />

然后你的javascript将是：

document.getElementById('testing').onfocus = function() {
    // alert("change msg content here");
}

score 0 · Accepted Answer

您需要做的第一件事是将事件侦听器附加到focus文本框的事件（当您“聚焦”文本框时触发），为此您需要某种方式将其定位在DOM。最简单的方法是添加如下id属性：

<body>
        <input type="text" name="" id="msgContent">
</body>

现在您可以使用该document.getElementById方法来查找元素：

var textBox = document.getElementById('msgContent');

然后你可以附加一个事件监听器：

textBox.addEventListener('focus', function () {
    alert('change msg content here');
});

请记住，该addEventListener方法在某些旧版本的 IE 中不可用，而是在此处详细介绍了其他后备方法。

最后，如果您使用的是 , 等库jQuery，则YUI可以标准化浏览器差异以附加事件处理程序：

//jQuery example
$('#msgContent').on('focus', function () {
    alert('change msg content here');
});

4 回答 4