2017-01-15 23 views
0

私は、ドラッグアンドドロップでユーザーが行を並べ替えられるようにするプラグイングリッドに取り組んでいます。ユーザーが行を移動するために、セルの上にマウスを置く ユーザーがクリックしてクリックしたときにカーソルを移動するJavaScriptなし

、私はスタイルがマウスカーソルを飾るために、次のMAKE:

td.reorder {cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;} 

を今すぐ。私が欲しいもの:td:click{cursor:grabbing}

  • よう

    • 行をクリックすることで、私はカーソルがCSSでカーソルを変更
    • を変更したい、何ジャバスクリプト
    • 何かできれば:まだユーザー保持しながら、変化していないカーソルクリック

    おかげ

    更新

    私のコードはexampleです。

    私のイベントが正しいかどうか確認してください。

    アップデート2

    これはmy Solutionです。それはうまく動作します。

  • +0

    あなたは[ ':active']を探している(https://developer.mozilla.org/en-US/ docs/Web/CSS /:アクティブ)pseudo-class? –

    答えて

    0

    あなたはCSSで使用できる唯一の「イベント」がある、Javascriptをせずにこれを行うことはできません。

    • a:link - 通常、未訪問のリンク
    • a:visited - ユーザーが
    • を訪れたリンクを
    • a:hover - ユーザーがマウスオーバーしたときのリンク
    • a:active - クリックするとリンクが表示されます。

    http://www.w3schools.com/css/css_link.asp

    私はあなたが使用することをお勧め:

    jQuery('td').on("click", function() { 
        jQuery(this).css("cursor", "pointer"); 
    }); 
    
    +0

    私の更新を参照してください – mustint

    +0

    私のコードではjqueryイベントを使用する必要があります。 "jquery click event"カーソルを設定し、マウスをクリックしたままにするとカーソルを戻すために2番目のイベントを書き込む必要があります – mustint

    +0

    それは良い仕事の男です! –

    関連する問題