上海戴文 - Drupal开发 在线教育

你在这里

jquery 实现input focus 和 blur 状态下文字的显示和隐藏

主标签

HTML部分:

<div>
    <form id="test">
        <input id="searchKeyword" type="text" maxlength="30" value="请输入关键词"  />
    </form>
</div>

Jquery代码:

<script type="text/javascript">
$(document).ready(function(){
    $("#searchKeyword").focus(function(){
        if ($(this).val() == "请输入关键词") {
            $(this).val("");
        }
    });
    $("#searchKeyword").blur(function(){
        if ($(this).val() == "") {
            $(this).val("请输入关键词");
        }
    });
});
</script>
 

articles: 
评分: 

猜你喜欢