Question

的HTML：

<asp:TextBox ID="dataTextBox" MaxLength="10" runat="server"></asp:TextBox> 

<a class='new_message' onclick='focusMethod();' tabindex='-1' href='#dataTextBox"> New Message</a>"; 

jQuery函數：

function focusMethod() { 
     $('[class=new_message]').click(function (e) { 
      e.preventDefault(); 
      $($(this).attr('href')).focus(); 
     }); 
    } 

當我點擊的錨鏈接的重點應該去輸入文本框。但它需要2次點擊才能執行。

我的方案是：

1. 的onclick在錨標記用來防止默認行爲，即發射的HREF。

2. 我建立一個訪問的形式，所以我需要與價值的HREF（所以我將能夠使用的href =「＃」）

3. 如果我只使用了Click事件處理程序沒有它的功能是未觸發（代替HREF被髮射以及焦點不會文本框）

它需要2次點擊，因爲該函數focusMethod首先被燒成，然後事件處理程序被安裝。 有什麼辦法避免執行功能「focusmethod」，只有執行的單擊事件處理？

Answer 1

因爲你的方法focusMethod是結合一個新的單擊事件，然後執行下一次你單擊該元素。只需刪除內聯點擊事件onclick='focusMethod();'，因爲它不需要。然後，而不是一個功能，你可以這樣做：

$('[class=new_message]').click(function (e) { 
    e.preventDefault(); 
    $($(this).attr('href')).focus(); 
}); 

編輯：

因爲你的元素是動態的，你需要使用$(document).on(...)代替，否則選擇$(...).click(..)是不會找到元素它在設置點擊事件綁定時不存在。

下面是與所述元件被動態創建一個基本的例子：在HTML

$(document).on("click", "[class=new_message]", function (e) { 
 
    e.preventDefault(); 
 
    console.log("clicked"); 
 
    $($(this).attr('href')).focus(); 
 
}); 
 

 
$("body").html("<a class='new_message' tabindex='-1' href='#dataTextBox'> New Message</a>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

這需要2次點擊，因爲該功能focusMethod是先開炮，然後事件處理程序連接。

你已經正確識別，你需要點擊運行包含了jQuery .click函數的函數問題，只要完全消除focusMethod()功能（和onclick）。

$('.new_message').click(function(e) { 
 
    e.preventDefault(); 
 
    $($(this).attr('href')).focus(); 
 
});

<asp:TextBox ID="dataTextBox" MaxLength="10" runat="server"></asp:TextBox> 
 

 
<a class='new_message' tabindex='-1' href='#dataTextBox'>New Message</a>

Answer 3

1. 移除點擊事件。
2. 僅在JS中使用class.click。
3. href你打開單引號，但雙引號關閉。

$('[class=new_message]').click(function(e) { 
 
    e.preventDefault(); 
 
    $($(this).attr('href')).focus(); 
 
});

<a class='new_message' tabindex='-1' href='#dataTextBox'> New Message</a>