// 初始化选择器 function initDomSelecter(){ divDomSelector = document.createElement("div"); divDomSelector.id = 'uirecorder-selecter-mask'; divDomSelector.className = 'uirecorder'; divDomSelector.innerHTML = '<style>#uirecorder-selecter-mask{display:none;background:rgba(151, 232, 81,0.5);position:fixed;z-index:2147483647;}</style>'; divDomSelector.addEventListener('click', function(event){ event.stopPropagation(); event.preventDefault(); endDomSelector(event); }); document.body.appendChild(divDomSelector); }
document.addEventListener('mouseout', function(event){ if(isNotInToolsPannel(event.target) && !isRecording && isStopEvent){ event.stopPropagation(); event.preventDefault(); } }, true);
(function () { var scrollToTop = document.getElementById('scroll-to-top'); (window.onscroll = function () { window.requestAnimationFrame(function () { scrollToTop.style.display = window.pageYOffset > window.innerHeight ? 'block' : 'none' }) })() scrollToTop.addEventListener('click', function (e) { e.preventDefault() window.scrollTo(0, 0) }) })() ;
deleteLink.addEventListener( 'click', ( event ) => { event.preventDefault(); wpcom .site( siteId ) .media( mediaId ) .delete() .then( ( resp ) => debug( resp ) ) .catch( ( error ) => debug( 'ERR: ', error ) ); } );
screenshot.addEventListener('mousedown', function(event){ downX = event.offsetX; downY = event.offsetY; downTime = new Date().getTime(); event.stopPropagation(); event.preventDefault(); });
divDomDialog.addEventListener('click', function(event){ event.stopPropagation(); event.preventDefault(); var target = event.target; if(target.tagName === 'IMG'){ target = target.parentNode; } var name = target.name; switch(name){ case 'uirecorder-ok': okCallback(); break; case 'uirecorder-cancel': hideDialog(); cancelCallback && cancelCallback(); break; } });
document.addEventListener('mousemove', function(event){ var target = event.target; if(divDomSelector){ event.stopPropagation(); event.preventDefault(); showSelecterHover(event.clientX, event.clientY); } else if(isNotInToolsPannel(target) && !isRecording && isStopEvent){ event.stopPropagation(); event.preventDefault(); } }, true);
screenshot.addEventListener('mouseup', function(event){ var upX = event.offsetX, upY = event.offsetY; if(downX >=0 && downY >= 0 && upX >= 0 && upY >= 0 && (Math.abs(downX - upX) >= 20 || Math.abs(downY - upY) >= 20)){ var dragTime = new Date().getTime() - downTime; saveCommand('drag', { fromX: Math.floor(downX * scaleX), fromY: Math.floor(downY * scaleY), toX: Math.floor(upX * scaleX), toY: Math.floor(upY * scaleY), duration: (dragTime / 1000).toFixed(2) }); downTime = 0; } event.stopPropagation(); event.preventDefault(); });
event.preventDefault() }, false)
document.addEventListener('dblclick', function(event){ if(isNotInToolsPannel(event.target) && !isRecording && isStopEvent){ event.stopPropagation(); event.preventDefault(); } }, true);
document.addEventListener('mouseover', function(event){ if(isNotInToolsPannel(event.target) && !isRecording && isStopEvent){ event.stopPropagation(); event.preventDefault(); } }, true);
divDomDialog.addEventListener('click', function(event){ event.stopPropagation(); event.preventDefault(); var target = event.target; if(target.tagName === 'IMG'){ target = target.parentNode; } var name = target.name; switch(name){ case 'uirecorder-ok': okCallback(); break; case 'uirecorder-cancel': hideDialog(); cancelCallback(); break; } });
event.preventDefault() }, false)