Question

在我的网络表单中，我希望有几个文本字段的值为“请输入日期”，“输入您的年龄”等，当文本字段获得焦点并且用户开始输入数据时，这些字段会消失。我试图用Javascript / JQuery编写这个功能但是由于某些原因我的javascript代码没有执行。

在我的html文档的头部，我已经包含了我正在编写的内容以及JQuery：

<head>
    {% load staticfiles %}
    <script src="{% static 'jquery-1.11.0.js' %}"></script>
    <script src="{% static 'text_area.js' %}"></script>
</head>

在文档的下方，我有一个表单的代码，其中包含我的一个文本字段：

<form action="" method="post"> {% csrf_token %}
     <td> <input id="expire_date"
           name="expire_date"
           type="text"
           value="{{list_expire_date}}"/>
     </td>
...
</form>

以下是 text_area.js的来源：

$('#expire_date').focusin(function(){
    if(this.value == '{{list_expire_date}}')
    {
        this.value = '';
        showCalendarControl(this);
    }
}).focusout(function(){
    if( this.value == '')
    {
        this.value = '{{list_expire_date}}';
        hideCalendarControl(this);
    }
})

Answer 1

＆＃34;关注＆＃34;当元素中的输入获得焦点时，事件将触发： https://www.twilio.com/docs/api/rest/sending-messages

您想将代码更改为：

$('#expire_date').on('focus', function(){
if(this.value == '{{list_expire_date}}')
{
    this.value = '';
    showCalendarControl(this);
}
}).on('blur', function(){
if( this.value == '')
{
    this.value = '{{list_expire_date}}';
    hideCalendarControl(this);
}
})

或者，如果您要拥有多个输入，请绑定＆＃34; focusin＆＃34;表单的事件处理程序。

Javascript代码没有执行？

1 个答案: