如何使文本框可點擊

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)
});