1

情况如下：我有一个可编辑的文本区域。当用户选择文本区域并进行更改时，会出现一个保存按钮。当他们点击文本区域外时，按钮会消失，如果他们进行了更改，他们会收到一条警报，询问他们是否要保存更改。但是，如果他们单击保存按钮，我不希望出现警报，并且我希望通过附加到按钮的 onclick 事件来触发保存功能。以下代码即使在他们按下保存按钮时也会发出警报，并且不会运行保存按钮的 onClick 代码。完成这项工作的最佳方法是什么？谢谢！！！

$(".userNoteTextArea").focus(function() {
$("#noteTextAreaButtons").show();
}).bind('focusout', function(event) {
if (!$(event.target).is('#noteTextAreaButtons')) {
    $("#noteTextAreaButtons").hide();
    if (stillNotSaved == true) {
        if (confirm("Save changes?")) { //Ok button pressed...
            storeUserNote2(); //save note
        }
    }
}
});

保存按钮代码：

<div id="noteTextAreaButtons" style="display:none;"><input id="saveUserNoteButton" class="buttonAutoWide opaque" type="button" value="Saved" onClick="storeUserNote2(); this.value='Saved'"/></div>

编辑：此文件可在http://gospelriver.com/favhymns/favhymns_temp.html查看。单击我的歌曲按钮。

4

2 回答 2

0

包括一个新功能，如下所示

function SaveClicked(){
    stillNotSaved = false;
    storeUserNote2(); 
    this.value='Saved';
}

我希望stillNotSaved你使用的变量是global variablejs 中的 a。并如下修改您的input代码。

<input id="saveUserNoteButton" class="buttonAutoWide opaque" 
            type="button" value="Saved" onClick="SaveClicked();"/>
于 2013-01-31T06:19:28.357 回答
0

我想我最终可能会忘记整个按钮方法，而在他们进行更改后退出文本区域时只使用自动提示 - OK = 保存，Cancel = 放弃更改。

于 2013-02-02T19:50:10.683 回答