用户尝试将密钥输入文本框时发出警报

时间:2013-04-05 02:30:13

标签: javascript alert textfield

所以我现在一直在寻找能够在用户尝试在空白文本框中输入任何类型的文本时向用户发出消息(我知道如何进行提醒)的代码。

这是我的代码。我要添加什么才能调用sendMsg()函数?

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

这是HTML:

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

4 个答案:

答案 0 :(得分:0)

这可能有效:

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

即。如果我理解你的问题。

干杯。

答案 1 :(得分:0)

使用onchange事件。

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

答案 2 :(得分:0)

您是否尝试过输入ID:

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

然后你的javascript就是:

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

答案 3 :(得分:0)

您需要做的第一件事是将事件监听器附加到文本框的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中不可用,而是还有其他后备版which are detailed here

最后,如果您使用的是jQueryYUI等库,则可以规范浏览器差异以附加事件处理程序:

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