Question

长话短说我需要在wordpress插件创建之后编辑textarea，我可以设置id和默认值，但我不能设置事件或其他任何东西，我希望默认值在之后消失用户点击输入电话号码。

我已经尝试了几种没有运气的方法，有些是：

<script type="text/javascript">

    $(document).ready(function(){    
    // Your code goes here    

function clearOnInitialFocus ("telid01") {
var clearedOnce = false;
document.getElementById("telid01").onfocus = (function () {
if (clearedOnce == false) {
this.value = '';
clearedOnce = true;
}
})
}
window.onload = function() { clearOnInitialFocus('telid01');}

});
    </script>

也试过

<script type="text/javascript">
$(document).ready(function(){  
document.getElementById('telid01').addEventListener('focus', function() {
   this.value = "";
});
});
    </script>

这适用于控制台，但不适用于页面加载：

document.getElementById('telid01').addEventListener('focus', function() {
   this.value = "";

Answer 1

既然你正在使用jQuery，你也可以使用jQuery的事件绑定，如下所示：

$(document).ready(function(){     
    var clearedOnce = false;
    $(this).on('focus', '#telid01', function () {
        if (!clearedOnce) {
            $(this).val('');
            clearedOnce = true;
        }
    });
});

编辑：如果您将事件附加到'文档'，然后将id作为选择器传递给on（）它应该可以工作，并且即使页面上还没有字段，也应该能够附加事件。请参阅：http://api.jquery.com/on/

Answer 2

您正在以奇怪的方式使用函数参数。我尝试了以下基于你的代码，它运行正常。

<!doctype html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script type="text/javascript">

    $(document).ready(function(){    
    // Your code goes here    
        var clearedOnce = false;
        document.getElementById("myTest").onfocus = 
        function () {
            if (clearedOnce == false) {
                this.value = '';
                clearedOnce = true;
            }
        };
    });
    </script>

</head> 
<body>
    <input id="myTest" value="placeholder" />
</body>
</html>

jquery / javascript函数在firebug控制台中工作，但在页面加载时不起作用

2 个答案: