如何使文本框可单击

时间:2014-03-19 07:36:45

标签: javascript php jquery html ajax

任何人都可以帮助textbox处于readonly状态时<input type="text" readonly value="Click me" id="clickme" /> 点击。{/ p>

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

{{1}}

9 个答案:

答案 0 :(得分:1)

您可以使用:

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

答案 1 :(得分:1)

像这样, readonly 抓住点击,停用 doesen&#t; t。 fiddle

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

答案 2 :(得分:1)

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


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

答案 3 :(得分:1)

只需在文本框中添加点击事件即可。

<强> JQuery的:

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

JsFiddle

答案 4 :(得分:1)

如果你加入Jquery就很棒了。

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

答案 5 :(得分:1)

如果没有更多关于您想要做什么的信息,我建议:

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

JS Fiddle demo

或者:

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

JS Fiddle demo

答案 6 :(得分:1)

您可以将jquery用作

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

添加一些风格

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

查看此Demo

答案 7 :(得分:1)

你可以使用onclick功能,比如

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

答案 8 :(得分:1)

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