マウスで移動できる赤い四角形のページが作成されました。 Javascriptを再利用して1平方メートルを超えることができるかどうかを調べたいと思います。以下のフィドルでhttp://jsfiddle.net/sbel/utM5k/私は上のHTMLにCSSが含まれていることを示しています、正方形はdivであり、JavaScriptはフォーム(function(window){...})(window);を持っています。どのようにしてJavascriptを変更すれば、ここにdivのIDがあると言うことができるのか、それに動く機能を適用できますか?Javascriptの機能を再利用する
1
A
答えて
1
グローバルな名前空間が乱雑にならないようにするために、関数(変数と関数)を匿名クロージャでラップするのではなく、新しいクラスの複数のインスタンスを作成できるように、タイプ。例えば
(テストしていません):あなたが(特に「本」変数の使用に関する)いくつかの新しい概念を学習されますが、あなたがなり完了時に、このリファクタリングには少し時間がかかります
function MovableItem(id) {
this.element = document.getElementById(id);
this.mouseIsDownOnMovable = false;
this.layerX = 0;
this.layerY = 0;
this.movableHeight = this.element.getBoundingClientRect().height;
this.movableWidth = this.element.getBoundingClientRect().width;
// And so on for each "member" variable...
}
MovableItem.prototype.markThatMouseIsDownOnMovable = function(event) {
this.mouseIsDownOnMovable = true;
this.layerX = event.layerX;
this.layerY = event.layerY;
}
MovableItem.prototype.markThatMouseIsUp = function() {
this.mouseIsDownOnMovable = false;
}
// And so on for each "method"...
(実装の詳細は、あなたの思想の好みに応じて大きく変化してもよいが)
var o1 = new MovableItem('slavaMovable');
var o2 = new MovableItem('slavaMovable2');
// ...
これはJavaScriptでオブジェクト指向の再利用性を達成するための一般的な方法であり、次のような自分の移動体の任意の数を有することができます。
関連する問題
- 1. 再利用、既存の機能
- 2. Google AdWordsで再利用可能な機能を作成する
- 3. 再利用可能なJavascriptイベントオブジェクト
- 4. CallBacksを使用してAJAXポスト機能を再利用する
- 5. フレンドフィードと同様の機能のDjango再利用可能なアプリ
- 6. 再利用可能なプリプロセッサ__COUNTER__
- 7. 再利用可能なコンポーネント
- 8. Django再利用可能マーケットプレイス
- 9. 再利用可能なコントロール
- 10. PHPで同じ機能と効率を再利用
- 11. 再利用可能なコードを作る
- 12. ジェネリック(再利用可能)JavaScriptオートコンプリート関数の作成方法
- 13. 同じページ上の複数のフォームの単純な再利用可能なjavascriptの平均化機能
- 14. 複数の機能と再利用不可能なコンポーネントを持つDrupal
- 15. asp.netでのJavaScriptコードの再利用
- 16. 再利用可能なhtmlコントロールについてjavascriptコード
- 17. 途方もなくシンプルなjQueryの再利用可能な機能の質問
- 18. ASP.NET MVCサイトでJavascriptスニペットを再利用
- 19. 再利用可能なアクティビティに戻る
- 20. javascriptの再帰的な「解析」機能
- 21. タイプセーフアクティベータが利用可能なコマンドラインオプション/機能
- 22. IHttpHandlerは再利用可能ですが再利用されません
- 23. 再利用可能なDropDownListの内容
- 24. 再利用可能なコードのアーキテクチャ
- 25. Eclipse/Androidの再利用可能なプロジェクト
- 26. Zendのフォーム再利用可能なデコレータ
- 27. 再利用可能なDjango Appのベーステンプレート
- 28. Silexの再利用可能なコンポーネント
- 29. Javascriptを使ってコードを再利用するプロトタイプの継承
- 30. Javascript再帰が機能しません
いくつかの回答を待って、その有用性を評価し(通常はコミュニティからの投票を検討する)、最終的に数日後に「正しい」回答を受け入れるのが一般的です。この戦略では、多くの人が答えられた質問を完全なものと見なさないため、より良い回答が得られるようになります。) – maerics
@maerics、will will。 – SBel