簡單功能無法在Chrome和Chromium中使用

Question

這個簡單的雜項在Chromium（Ubunto）和Chrome中不起作用。

的HTML

<input type="button" id="saveFavPunch" name="saveFavPunch" value="save" onClick="saveFavPunch()" >

腳本

var req;
function saveFavPunch(){
    alert('govind singh');
    if(!req){
        req=$.ajax({
            type:"POST",                
            url:"edit?editType=saveFavPunch",
            data: {"value":document.getElementById("punchId").value},
            complete:function(){req=false},
            success: function(data){
                $.fancybox.close();
                if(data==""){
                    alert("ERROR!");
                }else{
                if(data=="0"){
                    alert("Internal Error Occurs, please try after some time");
                }else{
                    document.getElementById("favPunchline").innerHTML=data;
                }
                }                       
            }//end success
        });
    }
}

Answer 1

現在還不能添加注釋，代碼沒什么問題，但是要使其在jsfiddle中工作，請將onLoad更改為noWrap

每個設置的作用說明： http : //doc.jsfiddle.net/basic/introduction.html#frameworks-and-extensions

基本上，您需要將其放在簡單的<script>標記中，而不是在onLoad事件中

擺弄您提供的代碼： http : //jsfiddle.net/Sam88/YEPm3/12/

Answer 2

既然您在標簽中提到了jQuery，我想我會提供一個jQuery解決方案： Fiddle

HTML：

<input type="button" id="saveFavPunch" name="saveFavPunch" value="save" />

Javascript：

$("#saveFavPunch").on("click", function () {
    alert('hello2');
});

:)

編輯

Javascript未在JSFiddle上運行可能與您的問題重復。 我引用了選定的答案：

您定義的函數是在onload函數中定義的，因此在它們可被引用之前，因為它們是在該函數中定義的，所以只能在該函數中引用它們。 您在HTML中將它們稱為全局變量。 您有三個選擇

a）（最簡單，最快，最不理想）-將函數blah（）{}更改為window.blah = function（）{}; 使功能全局化。

b）（理想的方式）-使用不引人注目的Javascript將行為僅從JS內附加到DOM元素，這意味着將HTML與JS分開。

c）使jsfiddle不包裝東西。 將onLoad更改為不環繞（身體或頭部）。

因此，代替您執行var e = document.getElementById（'foo'）; e.onclick =哈哈; 僅在JS中。

我推薦b，因為它鼓勵最佳做法。

Answer 3

只需更改一下即可-將JSFiddle設置從“ onLoad”更改為“ No wrap-in”，它可以工作：

http://jsfiddle.net/3f7PT/

onLoad選項的問題在於，這是它在結果中輸出的內容：

//<![CDATA[ 
    window.onload=function(){
        function saveFavPunch(){
            alert('hello2');
        }
}//]]>

因此，您的函數被無意間包裝在另一個函數中，這會阻止從該onclick調用中找到它。

希望這可以幫助。

Answer 4

以下整個腳本對我來說在Chrome中正常運行。

<html>
<head>
<script>
function saveFavPunch(){
    alert('hello2');
}
</script>
</head>
<body>
<input type="button" id="saveFavPunch" name="saveFavPunch" value="save" onClick="saveFavPunch()" >
</body>

Answer 5

這有效

document.getElementById("saveFavPunch").addEventListener("click", saveFavPunch);
function saveFavPunch(){
    alert('hello2');

}

http://jsfiddle.net/6sg9R/

Answer 6

Ye JSFiddle對Alerts非常挑剔。 正如Spassvogel所顯示的那樣，它沒有任何問題，但是從文件開始，而不是在JSfiddle上，您的方式應該可以正常工作。

Answer 7

即使是您遇到此類問題的人，也請使用div標簽

    <div id="saveFavPunch" style="height:30px; widht:100px; display:block;" onClick="saveFavPunch()">Save</div>

我認為使用此代碼可以解決您的問題。

簡單功能無法在Chrome和Chromium中使用

問題描述

7 個解決方案

解決方案1
4 2014-02-20 11:51:20

解決方案2
3 已采納 2014-02-20 11:51:05

解決方案3
1 2014-02-20 11:57:36

解決方案4
0 2014-02-20 11:50:04

解決方案5
0 2014-02-20 11:50:50

解決方案6
0 2014-02-20 11:52:21

解決方案7
-3 2014-02-20 12:09:44

簡單功能無法在Chrome和Chromium中使用

問題描述

7 個解決方案

解決方案1 4 2014-02-20 11:51:20

解決方案2 3 已采納 2014-02-20 11:51:05

解決方案3 1 2014-02-20 11:57:36

解決方案4 0 2014-02-20 11:50:04

解決方案5 0 2014-02-20 11:50:50

解決方案6 0 2014-02-20 11:52:21

解決方案7 -3 2014-02-20 12:09:44

解決方案1
4 2014-02-20 11:51:20

解決方案2
3 已采納 2014-02-20 11:51:05

解決方案3
1 2014-02-20 11:57:36

解決方案4
0 2014-02-20 11:50:04

解決方案5
0 2014-02-20 11:50:50

解決方案6
0 2014-02-20 11:52:21

解決方案7
-3 2014-02-20 12:09:44