js获取全屏,复制粘贴功能

作者: dreamfly 分类: javascript 发布时间: 2018-09-13 20:25
//复制功能
var clip = null;
function copyThis() {
if($.browser.version==6.0){
//针对ie6
$('.copyit').live("click",function(){
var code=$(this).parent("p").siblings(".runcode").find("textarea").text();
window.clipboardData.setData("Text",code);
   })
   return;
}
ZeroClipboard.setMoviePath("http://www.phpvar.com/phpvar.com/wp-content/uploads/js/ZeroClipboard/ZeroClipboard.swf");//如果ZeroClipboard.js, ZeroClipboard.swf放在同一目录下,可省略这句;
clip = new ZeroClipboard.Client();
$('.copyit').live("mouseover", function() {
  var code=$(this).parent("p").siblings(".runcode").find("textarea").text();
  clip.setText(code);
  if (clip.div) {//已创建过包含flash的父层div,则鼠标hover时重新定位flash层的位置
  //clip.receiveEvent('mouseout', null);
  clip.reposition(this);
  }else{
clip.glue(this)};
  //clip.receiveEvent('mouseover', null);
} );
clip.addEventListener( 'complete', function(client, text){
 alert("已成功复制!");
});
}
copyThis();
// 全屏阅读
var $content = $("#post_entry .post_meta");
var content = $content[0];
var fullScreenLink = $('.fullScreenLink');
function toggleFullScreen() {
    (document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement) ? (document.exitFullscreen ? document.exitFullscreen() : document.msExitFullscreen ? document.msExitFullscreen() :
        document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen && document.webkitExitFullscreen()) : (content.requestFullscreen ? content.requestFullscreen() : content.msRequestFullscreen ? content.msRequestFullscreen() :
        content.mozRequestFullScreen ? content.mozRequestFullScreen() : content.webkitRequestFullscreen && content.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT))
}
$(document).on('click', '.fullScreenLink', function(event) {
    event.preventDefault();
    toggleFullScreen();
});
$(document).on('webkitfullscreenchange mozfullscreenchange msfullscreenchange fullscreenchange', function() {
    // fullScreen,非标准,弃用
    // var isFullScreen=document.fullScreen || document.webkitIsFullScreen || document.mozFullScreen  || document.msFullScreen;
    fullScreenLink.toggleClass('exitFullScreen');
    $content.toggleClass('fullScreenElement');
    // isFullScreen ? fullScreenLink.text("退出全屏") : fullScreenLink.text("全屏");
    fullScreenLink.hasClass('exitFullScreen') ? fullScreenLink.text("退出全屏") : fullScreenLink.text("全屏阅读");
})
$(document).on("keydown", function(e) {
    if (e.keyCode == 13 && !$("#s,.runcode_text").is(":focus")) {
        toggleFullScreen();
    }
});

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!