JavaScript ondblclick 不工作

Question

我试图在双击时清除一个文本输入框(并且仅单个文本输入)。

这是 HTML

</div>
<div class="form-group">
<label for="green" class="control-label green col-md-2">Green:</label>
<div class="col-md-2">
<input type="text" id="green" ondblclick="Clear();" class="form-control"/>
</div>

和 JavaScript

    function Clear()
    {    
    this.value="";
    }

似乎不起作用，有人知道出了什么问题吗？

Answer 1

this 在这种情况下不起作用，因为它引用的是 window 对象，而是使用 document.getElementById。

function Clear()
    {    
    document.getElementById('green').value="";
      console.log(this);
     // this..value="";
    }

</div>
<div class="form-group">
<label for="green" class="control-label green col-md-2">Green:</label>
<div class="col-md-2">
<input type="text" id="green" ondblclick="Clear();" class="form-control"/>
</div>

或者您可以将元素传递给 Clear 函数，如下所示:

function Clear(element)
    {    
       element.value = "";
    }

</div>
<div class="form-group">
<label for="green" class="control-label green col-md-2">Green:</label>
<div class="col-md-2">
<input type="text" id="green" ondblclick="Clear(this);" class="form-control"/>
</div>