📜  dospaly 在外部监视器上的 div 元素 - 任何代码示例

📅  最后修改于: 2022-03-11 14:59:20.130000             🧑  作者: Mango

代码示例1
var drag = document.getElementById('drag');
drag.draggable = true;
drag.addEventListener('dragover', function(e){e.preventDefault();}, false);
drag.addEventListener('dragstart', function(e){e.dataTransfer.setData('text/plain', '');}, false);
drag.addEventListener('dragend', openClone, false);

function openClone(e){
    // create a clone of our div
    var elem = drag.cloneNode(true);
    // create a new script element that will contain the fullscreen code
    var script = document.createElement('script');
    script.innerHTML = 'document.onclick='+polyFullScreen.toString();
    elem.appendChild(script);
    // create a new blob from our div
    var blob = new Blob([elem.outerHTML], {
         type: "text/html"
        });   
    // make it into an objectUrl
    var url = window.URL.createObjectURL(blob);
    // open the popup
    var popup = window.open(url, "popup" ,'width="100%", height="100%"');
    }

var polyFullScreen = function(e){
    var elem = e.target;
    if (elem.requestFullscreen) {
      elem.requestFullscreen();
    } else if (elem.msRequestFullscreen) {
      elem.msRequestFullscreen();
    } else if (elem.mozRequestFullScreen) {
      elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) {
      elem.webkitRequestFullscreen();
    }
};