2012-01-31 54 views
1

我有一個輸入按鈕,點擊時我將其稱爲javascript函數。但我想添加圖像到按鈕所以我使用了圖像按鈕,但我無法從圖像按鈕調用Javascript功能。如何將圖像按鈕被點擊如何使用OnClick按鈕事件(asp.net)運行javascript fn

<input id="send" type="button" value=" Preview on iPhone " onclick="javascript:preview()"> 


    <asp:ImageButton OnClick="preview()" ID="send" runat="server" ImageUrl="Styles/Images/preview_iphone.png" 
            OnMouseOut="this.src='Styles/Images/preview_iphone.png'" 
            OnMouseOver="this.src='Styles/Images/preview_iphone_over.png'" /> 

回答

6

時運行的JavaScript FN嘗試OnClientClick="javascript:preview()"那是一個爲客戶端點擊。

from here

+1

是的,OnClick調用服務器端事件,而OnClientClick則查找客戶端代碼。 – DOK 2012-01-31 14:52:52

+0

我忘了,但這是否也泡到頁面上的所有其他圖像按鈕? – 2012-01-31 14:53:36

+0

@LaurenceBurke唯一的方法是嘗試編譯它。如果頁面顯示'onclick =「javascript:preview()」'屬性,那麼在正確使用純html時,它將搜索客戶端腳本,就像簡單的觸發器一樣。 – Igarioshka 2012-01-31 14:56:33

-1

可以綁定通過jQuery單擊事件,像這樣

$("#id_of_your_imagebutton").click(function(){ 
//your code for event here 
}); 

如果使用asp.net 4,您可以設置的ClientIDMode = 「靜態」 到你的ImageButton並獲得 「發送」爲ID,或者你可以通過FireBug獲得ID如果你使用的耳機版本

-1

你可以嘗試這樣,在代碼後面的文件。

Protected void Page_Load(object sender, EventArgs e) 
{ 
    send.Attributes.Add("onclick", "javascript:preview(); return false;") // retruning false will avoid postback 
} 
+2

@downvoteer發表評論 – 2012-01-31 15:10:10