如何使不能點擊

我得到了一個<a>包含區域<input type="text"> 點擊<a>將提交父窗體，在<a>輸入是數量，因爲它現在試圖改變量就會觸發形成。我得到的東西我怎麼能做到這一點的想法，但我不知道如何完成的jQuery，所以我並欣賞一些幫助如何使不能點擊

這是我走到這一步，

$(document).ready(function() { 
     $('.submit-parent-form').click(function() {    
      alert($(this).children('#quantity').val()); 
     }); 

     $('.input-a-tag').focus(function(){ 
      $(this).parent('.submit-parent-form') //here i need to prevent the click 
     }); 
    });

HTML

<a class="submit-parent-form"><input id="quantity" type="text" class="input-a-tag" value="1" /></a>

編輯我看到的不是我的解決方案不會工作我想如何根據該<a>焦點之前得到的點擊，我如何能做到
任何想法 EDIT 2 的問題是，當我試圖去在一個標籤輸入，試圖改變

來源

2011-08-04 Dejan.S

嘗試看看這個答案： http://stackoverflow.com/questions/775215/how-do-i-make-an-area -unclickable-with-css – Motocarota

感謝您的鏈接，但並不真正幫助我 –

試試這個：

$('.input-a-tag').click(function(event){ 
     event.stopPropagation(); 
    });

這應該使點擊輸入元素上，沒有傳播到它的父。

來源

2011-08-04 08:33:37 Litek

甜。謝謝。我學到了東西 –

var prevent = false; 
$(".submit-parent-form").click(function(e){   

    if(prevent) 
     e.preventDefault(); 
    else 
     alert($(this).children('#quantity').val()); 
}); 

$(".submit-parent-form").focus(function(){ 
    prevent = true; 
}); 


$(".submit-parent-form").blur(function(){ 
    prevent = false; 
});

看看它是如何工作在http://jsfiddle.net/zND4B/4/

編輯數量：我加在啓動href之前顯示的警報http://jsfiddle.net/zND4B/6/ 請注意，a可以沒有href。

來源

2011-08-04 08:32:20

你擊敗了我！ – tylerl

工作解決方案，我去與單行tho –

是的，oneliner正是在這一行（+1爲它），但它沒有發生在我身上:) –

-1

簡單的方法是：

$("#ElementName").css("pointer-events","none");

來源

2017-09-20 01:50:11

如何使不能點擊

回答

相關問題