JavaScript清除焦點上的SharePoint文本篩選器框

Question

我正在使用以下代碼從SharePoint文本篩選器框中清除默認值“關鍵字....”。 我在第10行發出了警報，但沒有彈出。 是否有任何原因導致用戶在框中單擊文本框時無法清除文本框。

<script type="text/javascript">
    // Clears text box on click or focus    
    var TextBoxID = document.getElementById("ctl00_m_g_22e9e7dd_3da6_4f0b_bc1c_0874742c6012_SPTextSlicerValueTextControl");     
    TextBoxID.focus(function()
    {
        if(this.value == "Keyword ....")
        {
            alert('test line 10');
            $(this).val("");
        }   
    });     
</script>

Answer 1

看來您的jQuery選擇器可能有錯誤。

應該是$（'＃'+ searchID）.focus（...）嗎？

如果不是這樣，我會被“ searchID”作為局部變量的重用以及元素上類的名稱所誤導。

Answer 2

嘗試這樣的事情？

的HTML

Search Box: <input onclick="clearPlaceholder();" id="ctl00_m_g_22e9e7dd_3da6_4f0b_bc1c_0874742c6012_SPTextSlicerValueTextControl" type="text" name="fname" value="Keyword..."><br>

JS

function clearPlaceholder(){
    var TextBoxID = document.getElementById("ctl00_m_g_22e9e7dd_3da6_4f0b_bc1c_0874742c6012_SPTextSlicerValueTextControl");

    TextBoxID.value = "";
}

http://jsfiddle.net/z5h6H/2/

Answer 3

這是解決問題的代碼。 當用戶在文本框中單擊時，我需要清除文本字段中的值。

<script type="text/javascript">
// Clears text box on click or focus
var TextBoxID = document.getElementById('ctl00_m_g_22e9e7dd_3da6_4f0b_bc1c_0815182c6012_SPTextSlicerValueTextControl');
    TextBoxID.onfocus = function(){
        if(this.value == 'Keyword ....')
        {           
            TextBoxID.value="";
        }   
    };  
</script>