2

mouseupイベントとmousedownイベントでlastClickdivのテキストを置き換えようとしていますが、このコードは機能していません。助言がありますか？

$('document').on(

{mousedown: function(){ $('#lastClick').html('down');}}, 

{mouseup: function(){$('#lastClick').html('up');}}

);

HTML

<body>
<div id='lastClick'>not clicked yet!</div>
</body>
4

4 に答える 4

3

代わりにこれを試してください：

$('#lastClick').on('mousedown', function() {
    $(this).html('down');
});
$('#lastClick').on('mouseup', function() {
    $(this).html('up');
});​

このライブ例を見る

于 2012-09-07T18:50:54.570 に答える
3

見積もりを削除する

$(document).on(

{mousedown: function(){ $('#lastClick').html('down');}}, 

{mouseup: function(){$('#lastClick').html('up');}}

);
于 2012-09-07T18:50:57.747 に答える
3

これを試して

HTML

<body>
   <div id='lastClick'>not clicked yet!</div>
</body>

JSコード

$(document).ready(function(){
   $('#lastClick').on(

  {mousedown: function(){ $(this).html('down');}}, 

  {mouseup: function(){$(this).html('up');}}

 ); 
});
于 2012-09-07T18:56:58.747 に答える
2

フィリップはあなたの問題を特定しましたが（周りの不要な引用符document）、おそらくあなたの問題を実証するためだけに、あなたは物事を非常に複雑にしていると思います。ただし、この場合、コードで実行しようとしていることは、次のように簡単に複製できます。

$(document).on('mousedown mouseup', function(e){
    $('#lastClick').text(e.type);
});​

JSフィドルデモ。

'up'また、文字列をまたはにする必要がある場合は'down'、文字列操作を使用して上記を少し修正できます。

$(document).on('mousedown mouseup', function(e){
    $('#lastClick').text(e.type.replace('mouse',''));
});​

JSフィドルデモ。

于 2012-09-07T18:54:28.060 に答える