1. 程式人生 > >如何解決div裡面的h4標題拖拽,並且實現div裡面的文字能夠選中和不能選中的問題

如何解決div裡面的h4標題拖拽,並且實現div裡面的文字能夠選中和不能選中的問題

<!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>