How to get jQuery "on-select-off" event

Question

We have a simple textarea and a button.

<input type="button" id ="foo" disabled>
<textarea rows="12" name="message" id="message" cols="50"></textarea>

I need to:

remove attribute disabled from button when some text in textarea selected
set attribute disabled when selection canceled

First task was achieved with this code:$('textarea').select(function() { $('#foo').attr('disabled','');});

But with the second task i havn't any ideas.

score 1 · Answer 1 · answered Feb 01 '12 at 08:26

1

Try this

<script>
   $(document).ready(function () {
      $("#controlId").attr('disabled','disabled');  //disable the control

      $("#controlId").removeAttr('disabled');//remove disabled
   });
</script>

Don't do $("#Div").attr('disabled','true');, the main problem here is that with 1.6 (or sth around that) the comparison with == true is broken, if the attributes value is disabled (see http://jsfiddle.net/2vene/1/ (and switch the jquery-version)). You should rather go for is().

You can check jQuery FAQ.

answered Feb 01 '12 at 08:26

Amar Palsapure

9,590
1
27
46

1

or for `.prop('disabled', true)` – devnull69 Feb 01 '12 at 08:32
Thanks for "disabled" info, but the main question is how to disable "when selection of some text is cancelled". – Vit Shudra Feb 01 '12 at 08:42
On Cancel event you do `$("#controlId").removeAttr('disabled');` – Amar Palsapure Feb 01 '12 at 08:49
1

aaahhh :) stealing my hint and my fiddle and not giving any credits ... don't do that! – Feb 01 '12 at 08:59
Learned something from you and now sharing :) – Amar Palsapure Feb 01 '12 at 09:00
assimilating knowledge and paying homage to the "teacher" are two completely different things :) – Feb 01 '12 at 09:01

Louis Weng · Accepted Answer · 2012-02-01T09:02:36.427

0

Try to use below code
$(document).ready(function () { $('textarea').select(function() {$('#foo').attr('disabled',false)}); $('textarea').mousedown(function() { $('#foo').attr('disabled',true);}); });
Could you try using focus event? Seems this event will be trigger once focusing on your DOM element. answer was NO. you can use mouse down.

edited Feb 01 '12 at 09:02

answered Feb 01 '12 at 08:26

Louis Weng

61
4

Button should be enabled only when some text in textarea selected. Focus event and onMouseUp aren't a right choice. – Vit Shudra Feb 01 '12 at 09:14
I use mousedown event.Otherwise, we can also use focus event like below answer:http://stackoverflow.com/questions/275761/how-to-get-selected-text-from-textbox-control-with-javascript – Louis Weng Feb 01 '12 at 09:38
With some dances with tambourine it works the right way. I thought there was real event in jQuery. Or at least select possibility to use two functions inside, like $('textarea').select(fn1{ text selected },fn2{ text unselected }); – Vit Shudra Feb 02 '12 at 07:34

score 0 · Answer 3 · answered Feb 01 '12 at 08:40

0

You can get selected text using this function,

 function getSelectedText() {
        var text = "";
        if (window.getSelection) {
            text = "" + window.getSelection();
        } else if (document.selection && document.selection.createRange &&
                document.selection.type == "Text") {
            text = document.selection.createRange().text;
        }
        return text;
    }

And add new function like this in mouse up event,

function  Disable() { 
   if(getSelectedText()=='')
   {
      $('#foo').removeAttr('disabled');
   }
}

$('textarea').mouseup(Disable);

answered Feb 01 '12 at 08:40

Jayantha Lal Sirisena

21,216
11
71
92

Will it refers for selection of any text on page or only for this textarea? – Vit Shudra Feb 01 '12 at 08:51
Yes I think. I haven't tested. There would be a way to get the selected text from the text box too. – Jayantha Lal Sirisena Feb 01 '12 at 08:58
Here it is, http://stackoverflow.com/questions/275761/how-to-get-selected-text-from-textbox-control-with-javascript – Jayantha Lal Sirisena Feb 01 '12 at 08:59

How to get jQuery "on-select-off" event

3 Answers3