ASP NET TextBox on focus event not firing. I want the text in the textbox to be selected on single click on the text box

Question

jquery code:
$("#<%=tbExcludeFilter.ClientID%>").focus(function () {
    $("#<%=tbExcludeFilter.ClientID%>").select();
})

asp:
<asp:TextBox ID="tbExcludeFilter" runat="server" CssClass="autosuggestIncluded" PlaceHolder="Search by employee nameor id"></asp:TextBox>

I want the text in the textbox to be selected on single click on the textbox instead of double click.

Can you create a jsfiddle of it? Where is the script in your page? — Patrick Hofman, Feb 19 '14 at 20:42
I am not able to create the jsfiddle as I am using ASP.NET web forms and generating at server side. — Tony, Feb 19 '14 at 21:58

score 0 · Accepted Answer · edited May 23 '17 at 10:26

0

Do you have the javascript wrapped in a $(document).ready? I would think it would look like this rendered for it to work:

$(document).ready(function() {
  $("#tbExcludeFilter").focus(function() {
    $(this).select();
  });
});

This thread has details, too: Select all contents of textbox when it receives focus (JavaScript or jQuery)

edited May 23 '17 at 10:26

Community

1
1

answered Feb 19 '14 at 20:42

fostermm

26
1
3

I tried keeping it inside $(document). But still couldn't y the focus event is not working. – Tony Feb 19 '14 at 21:51

Tony · Answer 2 · 2014-02-24T18:49:22.353

0

Solution That worked for me:

$(document).ready(function(){
     $("#<%=tbExcludeFilter.ClientID%>").focus(function () {
        setTimeout(HighLight(this),10);
        });
        });
            javascript:
            var HighLightText(element){
        setTimeout(element.select(),0); // time out for Chrome and Safari
        }

Thanks

edited Feb 24 '14 at 18:49

answered Feb 20 '14 at 04:37

Tony

13
3

ASP NET TextBox on focus event not firing. I want the text in the textbox to be selected on single click on the text box

2 Answers2