10

contenteditableの div があります

<div class="editable" contenteditable="true"></div>

ユーザーはそこに任意のコンテンツを入力できます。ユーザーが div 内で選択を行ったときにイベントを取得する方法はありますか。

何かのようなもの：

$('.editable').onSelection(function(e, selection){alert(selection);}
4

3 に答える 3

13

次のようなことを試すことができます：

「selectend」イベントはありませんが、マウスアップ イベントを監視することで、ユーザーが選択を終了したことを確認できます。

$(function () {
    $('.editable').on('selectstart', function () {
        $(document).one('mouseup', function() {
            alert(this.getSelection());
        });
    });
});​
于 2012-11-08T10:14:54.470 に答える
-2 
$('#ta').select(function() {
alert('Handler for .select() called.');
});

.select( handler(eventObject) ) 戻り値: jQuery イベント ハンドラーを "select" JavaScript イベントにバインドするか、要素でそのイベントをトリガーします。

.select( handler(eventObject) ) handler(eventObject)イベントがトリガーされるたびに実行する関数。

.select( [eventData], handler(eventObject) ) eventDataイベント ハンドラーに渡されるデータのマップ。handler(eventObject)イベントがトリガーされるたびに実行する関数。

リンクをチェック

于 2012-11-08T10:05:07.547 に答える