javascript - OffClick() 函数

Question

所以我有这个联系表单，我想在每个输入中添加文本，当用户单击它时，文本会消失，以便他们可以添加内容 - 当用户单击其他内容时，它会重新出现。我已经用标签和负边距以及相对位置来完成此操作。我计划为每个输入添加一个 onclick 函数。

我的问题是 - 是否有类似 Offclick() 的函数？或者类似于 mouseOver() 和 MouseOut() 的东西？

Answer 1

文本输入有 onblur ，选择框有可以连接的 onchange 事件。

<input type="text" id="UserName" name="UserName" value="Placeholder ..." />

<script type="text/javascript">
var el = document.getElementById("UserName");
var original_text = el.value;
el.onblur = function() {
    // `this` is set to the input element by the browser
    if ( ! this.value ) {
        this.value = original_text;
    }
};
</script>

使用 jQuery，一切变得更加简单:

var el = $("#UserName");
var original_text = el.val();
el.blur(function(){
    // `this` is set to the input element by jQuery.
    if ( ! this.value ) {
        this.value = original_text;
    }
 });