注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Copper peas ' Bolg

Keep On Moving...This Is My Life...

 
 
 

日志

 
 

【原】网页中js控制flash右键菜单  

2011-10-10 15:22:31|  分类: javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <meta http-equiv ="Content-Type" content="text/html" charset="utf-8"/>
 <title>  网页中js控制flash右键 </title>
<script type="text/javascript">
/*
 *测试环境是firefox,没有调试兼容性的问题
 *思路:在flash前截取mousedown事件,让其停止,flash接收不到,这时候在自己做一个自定的右键div,展示flash父集div上.
 */
function rightClick(){
 
  var el = document.getElementById("dd");
   el.addEventListener("mousedown",function(e){
     if(e.button == 2){
   e.stopPropagation(); //for firefox   
      /*
   //模拟鼠标右键事件点击到dd层上
   var event =  document.createEvent("UIEvents");
    //var event =  document.createEvent("MouseEvents");
    event.initEvent("click",true,true);
    event.view     = document.defaultView;
    event.detail   = 0;
    event.screenX  = 0;
    event.screenY  = 0;
    event.clientX  = 0;
    event.clientY  = 0;
    event.ctrlKey  = false;
    event.altKey   = false;
    event.metaKey  = false;
    event.shiftKey = false;
    event.button   = 2;
    event.relatedTarget = null;
    div1.dispatchEvent(event);
   */
             
            //console.log("ok!");
           
   //弹出层模拟右键窗口,可以把自定义右键窗口封装到一个事件中,这样外围和flash的右键事件都可以激活到相同的右键事件
           
   var tcdiv = document.createElement('div'); //创建元素
       tcdiv.innerHTML="删除层";
    tcdiv.style.cssfloat="left";
    tcdiv.style.position="absolute";
    tcdiv.style.left = ((document.getElementById("div1").style.width).replace('px',''))/2+"px";
    tcdiv.style.marginTop = ((document.getElementById("div1").style.height).replace('px',''))/2+"px";
                tcdiv.style.border ='1px solid #000000';
                document.getElementById("div1").appendChild(tcdiv);
    //document.getElementById("div1").removeChild(tcdiv);        
   
    }
   },true);

   var div1 = document.getElementById("div1");
       div1.addEventListener("mousedown",function(event){
          console.log(event.button);
    },false);
}

function clicked(){
      thisMovie("FlashID").jsToFlash("abel");
}
</script>
</head>
<body onload="rightClick()">
<div id="div1" style="background-color:#FFFFCC; width:800px;height:600px" >
<div id="dd" style="width:550px;height:400px;position:relative;float:left;">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    id="FlashID" width="550" height="400"
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
   <param name="movie" value="tt.swf" />
   <embed src="tt.swf" quality="high"
    width="550" height="400" name="FlashID" wmode="opaque" quality="high"
    type="application/x-shockwave-flash"
    pluginspage="http://www.macromedia.com/go/getflashplayer">
   </embed>
  </object>
</div>

</div>
</body>
</html>

  评论这张
 
阅读(479)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018