javascript鼠标点入input内value值隐藏事件

来源:互联网 发布:淘宝内部优惠券口令 编辑:程序博客网 时间:2024/04/30 21:07
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>鼠标事件</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js">
        </script>
        <!--
        <script type="text/javascript">
        //jQuery方法
        $(document).ready(function(){
        oElement = $("#myinput");
        //聚焦时间、鼠标点击的时候触发聚焦时间
        oElement.focus(function(){
        if (this.value == "请输入关键字") {
        this.value = "";
        }
        });
        //聚焦时间、鼠标移开的时候触发聚焦时间
        oElement.blur(function(){
        if (this.value == "") {
        this.value = "请输入关键字";
        }
        });
        })
        </script>
        -->
        
        <!--
        <script type="text/javascript">
        //javascript方法1、需要在标签内部添加焦点事件
        function hidev(){
        oe=document.getElementById("myinput");
        if(oe.value=="请输入关键字") oe.value="";
        }
        function disv(){
        oe=document.getElementById("myinput");
        if(oe.value=="") oe.value="请输入关键字";
        }
        </script>
        -->
        
        
        <script type="text/javascript">
            //javascript方法2
            function dValue(){
                oe = document.getElementById("myinput");
                oe.onfocus = function(){
                    if (this.value == "站内搜索")
                        this.value = "";
                };
                oe.onblur = function(){
                    if (this.value == "")
                        this.value = "站内搜索";
                }
            }
            window.onload = dValue;
        </script>
    </head>
    <body>
        <input type="text" id="myinput" value="站内搜索" size="35"/>
    </body>
</html>
原创粉丝点击