要素を作成するコードを作成しました。各要素はtouchstart
イベントに応答し、コードの後半でそれらを画面上でドラッグできます。私が欲しいのは、それらが持っているCSSクラスに基づいて異なる要素を区別することです。すべての要素にDRAG_CSS_SELECTOR
クラスがありますが、一部にはMOVE
クラスまたはROTATE
クラスもあります。
<div class="drag_rotate drag_css_selector"></div>
<div class="drag_move drag_css_selector"></div>
しかし、どの要素がどの要素であるかをコードで記述する方法が見つかりません。それらはすべて単なる要素です。私が試してみました:
if (this.el.hasClassName(".drag_move")){
this.el = this.elMo;
}
しかし、これには結果がありません
function DragController(){
var dragElements = document.querySelectorAll(DRAG_CSS_SELECTOR),
dragElementsLength = dragElements.length;
for (var i = dragElementsLength - 1; i >= 0; i--){
new DragController(dragElements[i]);
};
};
function DragController(element){
this.el = element;
this.el.addEventListener(START_EVENT, this, false);
this.elRo = element;
this.elMo = element;
};