如何使文本框可点击

Question

任何人都可以帮助在textbox处于readonly状态时如何使其可单击。

我想做的是可以像单击按钮一样单击我的文本框，因为我有计划。

<input type="text" readonly value="Click me" id="clickme" />

Answer 1

您可以使用：

$('#clickme').click(function(){
  // logic here
});

Answer 2

像这样， 只读捕获点击， 禁用则不会。 小提琴

$(function(){
    $('#clickme').on('click', function(){
        alert(1)
    })    
})

Answer 3

<input type="text" readonly value="Click me" id="clickme" onClick="myFunction()"/>


<script>
    ...
    function myFunction(){
        // Your function
    }
    ...
</script>

Answer 4

只需将click事件添加到文本框中。

jQuery的：

$("#clickme").click(function(){
alert("do something");
});

JsFiddle

Answer 5

如果包含jQuery，那么它很棒。

$('#clickme').on('click', function(e) {
   // do something 
});

Answer 6

如果没有更多有关您想做什么的信息，我建议：

$('#clickme').on('click', function(){
    // to allow for editing of contents:
    $(this).prop('readonly', false);
});

JS小提琴演示 。

要么：

$('#clickme').on('click', function(){
    // to do something if this is readonly:
    if (this.readOnly) {
        // for example:
        console.log('this input is readonly');
    }
});

JS小提琴演示 。

Answer 7

您可以使用jquery作为

$('#clickme').click(function(){
 alert('clickable');
// Your Method.
});

也添加一些样式

#clickme
{
cursor:pointer;
cursor:hand;
}

看看这个演示

Answer 8

您可以使用onclick函数，例如

    <input type="text" readonly value="Click me" id="clickme" onclick="myfunction()" />

Answer 9

$('#clickme').click(function(){
  alert('Textbox is clicked)
});