4

多くのテーブルと div を含むページがあります。そのうちの 1 つにテキストが含まれています。また、ページにはこの div の後に URL があります。

必要: - ユーザーが div id = "comment" (div 内およびこの div 内の別の div 内のテキスト) からテキストを選択した場合、URL を押した後、このテキストのみ (タグなし) でアラートを取得します。- ユーザーが div 以外のテキスト (div 内にないテキスト) を選択した場合 - 何もしません。

ページ内の別の DIV とテーブルを CSS で選択不可にしようとしました (-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-o- user-select: none;user-select: none;" しかし、これは私が探している方法ではありません... JavaScriptが必要です。

<html>
<head><title>1</title></head>
<body>
    <script type="text/javascript">

        function getSelectedval(){

            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(txt);
        }
    </script>

    <div>hello my friend</div>
    <br/>
    <div id="comment">here is just a some text for testing <div id="text"><strong>this div inside div</strong></div> this selected value</div>
    <a href="javascript:getSelectedval()">url</a>
</body>
</html>

ありがとう

4

1 に答える 1