Html / Javascript - Onfocus事件

时间:2013-04-09 16:24:10

标签: javascript html

所以,我正在尝试确保我正在处理的页面跨浏览器工作并且这样做我试图在<script>标记内调用'onfocus'事件 - 不幸的是我尝试过的不是工作,目前我不确定为什么。任何建议/反馈都将不胜感激。

      <input name="searchField" placeholder="Search users" type="text" size="60" maxlength="150" id="SearchBox" style="margin-top:15px; height:auto;"/>
      <script type="text/javascript">
        if (!("placeholder" in document.createElement("input")))
        {
            document.getElementsByName("searchField")[0].value='Search users';
            document.getElementsByName("searchField")[0].onfocus='document.getElementsByName("searchField")[0].value="";';
        }
    </script>

2 个答案:

答案 0 :(得分:1)

添加活动的更好方法是:

document.getElementsByName("searchField")[0].onfocus = function () {
    document.getElementsByName("searchField")[0].value = "";
                                // ^ fixed that typo
    this.value = ""; // also works, `this` is a magic variable
};

您可以继续输入JavaScript,而不是分配字符串并依赖eval

答案 1 :(得分:0)

它的工作..

<input name="searchField" placeholder="Search users" type="text" size="60" maxlength="150" id="SearchBox" style="margin-top:15px; height:auto;"/>
      <script type="text/javascript">
        if (!("placeholder" in document.createElement("input")))
        {
            document.getElementsByName("searchField")[0].value='Search users';
            document.getElementsByName("searchField")[0].onfocus=function(){
                 document.getElementsByName("searchField")[0].value="";
            };
        }
    </script>