1

CSS3 クラスを使用して定義された JavaScript と div があります。特定のクラス div にイベント リスナーを追加する必要がありますが、それにバインドされていません。

例えば：

this._incrementEnabled = document.createElement('div');
this._incrementEnabled.className = this._incrementButtonProperties.enabledClass;
this.divElt.appendChild(this._incrementEnabled);

if (this.properties.incrementButtonConfig.enabled == null) {
    this.properties.incrementButtonConfig.enabled = false;
}

this.setIncrementEnabled(this.properties.incrementButtonConfig.enabled);

this._incrementEnabled.addEventListener('click', this._incrementButtonProperties.incrementSelectCallback, false);

そしてCSS： 

.SchedMainCtrlIncrementBtn_En {
    position: absolute;
    top: 3px;
    left: 240px;
    display: inline-block;
    font-size: 28px;
    vertical-align: middle; 
    width: 35px;
    height: 65px;
    height: 35px;
    background: url("../../../images/icons/IcnListAddRecipient_En.png") no-repeat center;
}
4

2 に答える 2

0

このようなもの：

var divs = document.querySelectorAll( 'div.yourclass' );
for( var i=0; i < divs.length; i++ ){
    divs[ i ].addEventListener( 'eventname', callback, false );
}

編集：

この非常に長い変数名を使用してコードを読むと、次のようなことをしたいと思います。

this.element = document.createElement( 'div' );
this.element.className = 'someName';
this.parentElement.appendChild( this.element );
this.element.addEventListener( 'click', callback, false );

したがって、が定義されていないthis.parentElement場合、またはcallbackが定義されていない場合は機能しません。クラスをどのようにコーディングしたかはわかりませんが、使用されているすべての関数 ( document.createElement、appendChild、addEventListener) はネイティブ関数であるため、機能します。

于 2013-01-23T13:03:10.103 に答える
-2

可能であれば、Jquery を使用してみてください。より簡単になります。$('.class').click(function(){})

于 2013-01-23T13:08:05.387 に答える