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

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

WBOY
リリース: 2016-05-16 17:32:33
オリジナル
930 人が閲覧しました

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);




関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート