Как выбрать событие в div? - PullRequest
Новая
       1

Как выбрать событие в div?

0 голосов
/ 15 февраля 2012 
<div id="container" style="border: 1px solid #333" contentEditable="true">Type text    here</div>

Есть ли функция, которая должна срабатывать при выборе текста?(Type text here)

Ответы [ 2 ]

2 голосов
/ 15 февраля 2012

Вы можете достичь желаемого, используя событие onMouseUp. Смотри ниже ... 

<html>
    <body>
        <div id="container" style="border: 1px solid #333" contentEditable="true" onMouseUp="checkMe()">Type text    here</div>

    </body>
    <script language="javascript">
    function checkMe() {
        var txt = "";

        if (window.getSelection) {
            txt = window.getSelection();
        } else if (document.getSelection) {
            txt = document.getSelection();
        } else if (document.selection) {
            txt = document.selection.createRange().text;
        }

        alert("Selected text is " + txt);
    }
    </script>
</html>
0 голосов
/ 15 февраля 2012

Вы можете использовать событие onMouseUp и проверить, есть ли выбор, как в этом примере:
http://jsfiddle.net/2gLLp/

см. Также: http://www.codetoad.com/javascript_get_selected_text.asp

...