ホームページ  >  記事  >  ウェブフロントエンド  >  js は画像のマウスドラッグを実装し、IE/FF Firefox/Google_javascript スキルなどの主流ブラウザと互換性があります。

js は画像のマウスドラッグを実装し、IE/FF Firefox/Google_javascript スキルなどの主流ブラウザと互換性があります。

WBOY
WBOYオリジナル
2016-05-16 17:32:33904ブラウズ

PreventDefault はブラウザのデフォルトのイベント操作が発生しないようにするために使用されることに注意してください

コードをコピーします コードは次のとおりです:

< ;script language="javascript" type="text/javascript">
var isDrag = false;
function isIE(){
if(navigator.userAgent.indexOf( "MSIE")>0 ){return true;}
else{return false;}
}
function addListener(element,e,fn){
if(isIE()){element .attachEvent("on" e ,fn);}
else{element.addEventListener(e,fn,false);}
}
functionrag(e){
var e = e | | window.event;
var 要素 = e.target;
else e.returnvalue=false; true;
var relLeft = e.clientX - parseInt(element.style.left);
var relTop = e.clientY - parseInt(element.style.top); { isDrag = false; }
document.onmousemove = function(e_move){
var e_move = e_move ||
if(isDrag){
element.style.left=e_move。 clientX - relLeft "px";
element.style.top=e_move.clientY - relTop "px";
return false;
}
window.onload = function()
{
var element = document.getElementById("elimg");
var element2 = document.getElementById("eldiv");
addListener(element,"mousedown",drag) ;
addListener(element2 ,"mousedown",drag);




声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。