上單擊選擇文本使用jQuery

以下問題，當我嘗試用雙擊鼠標選擇文本中的文本其不選擇光標去的開始文本text.Any想法如何解決這個問題？但這工作正常googlechrome

我試圖從這個http://www.iwebux.com/demos/ajax/以下這個鏈接，當你嘗試編輯價格列你不能選擇值。謝謝。

我的代碼：

$(document).ready(function() { 
    $('td.edit').click(function() { 
     $('.ajax').html($('.ajax input').val()); 
     $('.ajax').removeClass('ajax'); 

     $(this).addClass('ajax'); 
     $(this).html('<input id="editbox" size="' + $(this).text().length + '" type="text" value="' + $(this).text() + '">'); 

     $('#editbox ').focus(); 
    }); 

    $('td.edit').keydown(function (event) { 
     arr = $(this).attr('class').split(" "); 
     if (event.which == 13) { 
      $.ajax({ 
       type: "POST", 
       url: "supplierprice/config.php", 
       data: "value=" + $('.ajax input').val() + "&rowid=" + arr[2] + "&field=" + arr[1], 
       success: function (data) { 
        $('.ajax').html($('.ajax input').val()); 
        $('.ajax').removeClass('ajax'); 
       } 
      }); 
     } 
    }); 

    $('#editbox').live('blur', function() { 
     $('.ajax').html($('.ajax input').val()); 
     $('.ajax').removeClass('ajax'); 
    }); 
});

來源

2013-10-04 Xavi

請使用此代碼

$('td.edit').click(function(e){ 
      var $target = $(e.target); 
      if($target.is('#editbox')){ 
       return; 
      } 

     }

來源

2013-10-07 07:51:47 arok

您可能需要使用select()，而不是重點（）。

來源

2013-10-04 09:00:49 nkmol

我已經修改了你的腳本。

http://jsfiddle.net/dKn4W/

的問題是，點擊事件從#editbox輸入冒泡，所以$（ '＃編輯框'）.focus（）;每次點擊都會執行，這會阻止文本選擇。

修改代碼，這樣的事情

 $('td.edit').click(function(e){ 
      var $target = $(e.target); 
      if($target.is('#editbox')){ 
       return; 
      } 
      ///// rest of code 
     }

來源

2013-10-04 09:01:39 HarryFink

嘗試使用.select()功能。這用於選擇可編輯輸入元素中的文本。

在你的情況下，嘗試將行

$('#editbox').select();

線下

$('#editbox ').focus();

希望這hepls。

來源

2013-10-04 09:02:06 Bubi

這將導致你不能點擊裏面的文字，之後單擊該文本將始終選擇。 – HarryFink

@HarryFink啊！是的，這個有這個問題。你的解決方案將會更好。 – Bubi

您需要停止點擊事件從#editbox傳播到td.edit。嘗試添加此：

$("td.edit").on("click", "#editbox", function(e) { e.stopPropagation(); });

來源

2013-10-04 09:04:48 zdyn

上單擊選擇文本使用jQuery

回答

相關問題