欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery div 內容選中

錢良釵2年前11瀏覽0評論

在web開發領域中,操作DOM是不可避免的。而jquery提供了一種更加方便的方式去操作DOM。其中,選中div中的內容也是一個常見的需求。這篇文章將介紹如何用jquery選中div中的內容。

$('#divId').on('mouseup',function(){
var selectedText = '';
if (window.getSelection) {
selectedText = window.getSelection().toString();
} else if (document.selection && document.selection.type != 'Control') {
selectedText = document.selection.createRange().text;
}
console.log(selectedText);
});

首先,我們獲取要操作的div元素(如上述代碼中的$('#divId'))。接著,我們給這個div元素綁定一個mouseup事件。當鼠標松開時,我們會執行這個函數。函數中,我們首先定義一個selectedText變量,它被初始化為空字符串。

接著,我們用一個if/else語句來判斷用戶是否選中了內容。如果用戶沒有選中內容,那么selectedText的值還是空字符串;如果用戶選中了內容,那么我們就需要獲取這個選中的內容。我們使用window.getSelection()來獲取用戶選擇的內容,存儲到selectedText變量中。但需要注意的是,window.getSelection()在IE11以下的版本不支持,所以我們也需要加上一個兼容性判斷。在兼容性判斷中,我們使用document.selection來獲取用戶選中的內容。

最后,我們把selectedText打印到控制臺中,以便我們進一步操作。