2

ここで長年潜伏。これは私の最初の投稿です (私は電気技師であり、プログラマーではありません)。

上半分と下半分のクリックを検出できる HTML の要素が必要です。具体的には、大きな数字の数字があり、その「ウエスト」の上をクリックすると増加し、ウエストの下をクリックすると減少するとします。次に、駅の「スプリットフラップディスプレイ」のように、これらをいくつか並べて配置する必要があります。

私はすでにすべての JavaScript をインクリメントのみで動作させていますが、何度もクリックして全体をラップするのではなく、デクリメントを簡単にしたいと考えています。私はこれまで jquery を使用することを避けてきたので、これを行う HTML のみの方法を思いつくことができれば、ぜひ聞いてみたいと思います。

おそらく、2 つの小さなコンテナー (上部と下部) を大きなコンテナーにラップする必要があると思いますが、テキストが両方の内部コンテナーの高さをカバーするにはどうすればよいでしょうか? フォントを半分にカットして上下を別々に更新することは避けたいと思います。

ありがとう、ポール

4

1 に答える 1

5

これはうまくいくはずです:

element.addEventListener('click',function(e){
    //here's the bounding rect
    var bound=element.getBoundingClientRect();
    var height=bound.height;
    var mid=bound.bottom-(height/2);
    //if we're above the middle increment, below decrement
    if(e.clientY<mid)
        ;//we're above the middle, so put some code here that increments
    else
        ;//we're below the middle, so put some code here that decrements
},false);

elementこの効果を適用したい要素です

于 2013-09-27T02:28:08.960 に答える