Question

Please does anyone know the script that can help me highligh the content of a textfield on the first click

on the second click the selection / highligh should be cleared from the text box leavingg the insertion point.

Thank You in ADvance..

Answer 1

The script selects the text on the first click, but after every consecutive click the textarea will behave like a textarea always does. When the text area loses its focus due to the blur event and you click on it again, the text will be selected again.

Live Demo on JsFiddle

(function () {
    var area = document.querySelector('#txt'),
        clicked = false;

    area.addEventListener('click', function () {
        if (!clicked) {
            area.select();
            clicked = true;
        }
    });

    area.addEventListener('blur', function () {
        clicked = false;
    });    
})()

Because of addEventListener and querySelector the example is not fully cross browser compatible.