如何解決div裡面的h4標題拖拽,並且實現div裡面的文字能夠選中和不能選中的問題
阿新 • • 發佈:2019-02-03
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文件</title>
<style>
*{ margin:0; top:0}
.pop{ height:200px; width:200px; background:red; position:absolute;}
h4{ line-height:40px; height:40px; background:#4A1D1D; color:#fff; cursor:move}
</style>
<script>
window.onload=function(){
var oDiv1=document.getElementById('box1');
var oDiv2=document.getElementById('box2');
var title=oDiv1.getElementsByTagName('h4')[0];
drag(oDiv1,title); //我們會發現oDiv1裡面的內容能夠被選中
drag(oDiv2); //oDiv2裡面的內容不能被選中
};
</script>
</head>
<body>
<div id="box1" class="pop">
<h4>標題</h4>
dsf sdf sadf sadf sadf adsf sad fas df safd ad fa fd asd asdf
</div>
<div id="box2" class="pop">
<h4>標標題標題標題題</h4>
dsf sdf sadf sadf sadf adsf sad fas df safd ad fa fd asd asdf
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文件</title>
<style>
*{ margin:0; top:0}
.pop{ height:200px; width:200px; background:red; position:absolute;}
h4{ line-height:40px; height:40px; background:#4A1D1D; color:#fff; cursor:move}
</style>
<script>
window.onload=function(){
var oDiv1=document.getElementById('box1');
var oDiv2=document.getElementById('box2');
var title=oDiv1.getElementsByTagName('h4')[0];
drag(oDiv1,title); //我們會發現oDiv1裡面的內容能夠被選中
drag(oDiv2); //oDiv2裡面的內容不能被選中
};
</script>
</head>
<body>
<div id="box1" class="pop">
<h4>標題</h4>
dsf sdf sadf sadf sadf adsf sad fas df safd ad fa fd asd asdf
</div>
<div id="box2" class="pop">
<h4>標標題標題標題題</h4>
dsf sdf sadf sadf sadf adsf sad fas df safd ad fa fd asd asdf
</div>
</body>
</html>