Question

我希望#result会隐藏在#search_form外发送点击。我尝试使用焦点，但它不起作用。

<div id="search_form">
    <form method="post" onsubmit="return checkForm(this.form)">
        <div class="search padding">
            <input type="text" id="searchbox" name="manga_name" class="input" value="Tìm truyện muốn đọc ..." onfocus="if (value =='Tìm truyện muốn đọc ...'){value =''}" onblur="if (value ==''){value='Tìm truyện muốn đọc ...'}" onkeyup="keyup();"/>
            <input type="submit" value=" " id="searchsubmit" class="go"/>
        </div>
    </form>     
    <div id="result"></div>
</div>

<script>
    $("#search_form").focusout(function() {
        $('#result').html('');
        $('#result').css('display', 'none');
    });
</script>

Answer 1

请执行以下代码

<script>
    $("#search_form").on("focusout",function() {
        $('#result').html('');
        $('#result').css('display', 'none');
    });
</script>

Answer 2

将您的代码放入

$(document).ready(function(){//your code})

即，

$(function(){});

这可能会对你有帮助。

<script> 

    $(function(){
        $("#search_form").focusout(function() { 
            $('#result').html(''); 
            $('#result').css('display', 'none'); 
        }); 
        }); 
    </script>

Answer 3

将您的功能放在document.ready。

中

<script type="text/javascript">
 $(document).ready(function() {
   // put all your jQuery code in here.
 });
</script>

焦点jquery不起作用

3 个答案: