このjQueryプラグインの動作を複製しようとしていますが、テキスト入力ではない要素に対してです。
マウスをクリックしてドラッグしてテキストを選択できるようにしたいのですが、テキストが選択されると、関数が呼び出され、現在選択されているテキストにアクセスできます。
mousemove
イベントを使用して、テキストの選択を確認できます。これは基本的な例です。リスナー(コールバック)は、新しい選択がある場合にのみ呼び出されます。
function addTextSelectListener(element, listener) {
var currentSelTxt = '';
element.addEventListener('mousemove', function() {
var sel = window.getSelection();
var newSelTxt = sel.toString();
if (newSelTxt !== currentSelTxt) {
currentSelTxt = newSelTxt;
listener(sel, newSelTxt);
}
});
}
var outputElem = document.getElementById('output');
addTextSelectListener(window, function(sel, selTxt) {
console.log(sel);
outputElem.innerHTML = selTxt;
});
<body>
<p>Some text and stuff!</p>
<p id="output"></p>
</body>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加