JavaScript中函数中的函数

我有一个按钮上的提交功能。单击“提交”后，弹出一个对话框，要求确认，单击“确定”后，提交表单

现在，我想添加另一个功能，点击“确定”后，表单应该提交&页面的背景颜色也应该改变。下面给出了我编写的代码但现在连表单都没有提交。需要帮助

function myfunction(e)
    {
        if(!confirm('Are you sure to proceed with this role?')) {
            function changecolor(){
                backgroundcolor: #0065bd;
            }
            changecolor();
            e.preventDefault();
        }
        else {
            return false;
        }
    }

---

您可以在global上添加

changecolor

功能。无需在另一个函数中添加。并通过参数将数据从第一个函数传递到第二个函数

已更新

通过

classList.add更改颜色值

function myfunction(e) {
  if (!confirm('Are you sure to proceed with this role?')) {
    changecolor(e); //pass anything
    e.preventDefault();
  } else {
    return false;
  }
}

function changecolor(e) { //receive
  e.target.classList.add('custom_back')
}

css:更新了
style.css上的代码

您的
changecolor
函数出现错误。要修复它，您需要以JavaScript方式更改背景颜色

function myfunction(e)
{
   if(!confirm('Are you sure to proceed with this role?')) {
       e.target.style.backgroundColor = "#0065bd";
   } else {
       e.preventDefault();
   }
}

你想得太多了

HTML:

此外，您可以简单地使用CSS否定设置禁用元素的样式，必须通过JavaScript手动设置
背景色
：

function submit_form(event)
{
 if (confirm('Are you sure to proceed with this role?'))
 {
  event.target.style.backgroundColor = '#0065bd';
  event.target.setAttribute('disabled','true');
 }
 else {event.preventDefault();}//user decided not to submit form.
}

[disabled] {background-color = '#0065bd';}

不要使用
camelCase
，使用下划线来消除函数名，因为标准应使用camelCase，并且您不希望在标准函数发布时否定它们。颜色不会更改为#0065BD（蓝色）。这可能是因为它在CSS中声明为白色（提交表单前的页面颜色？尝试过，但提交后页面仍不会更改为#0065bd）。确定。您在哪里更新了颜色表单或正文标记？.custom_back{backgroundcolor:#0065bd！重要；}这在CSS文件中更新
function submit_form(event)
{
 if (confirm('Are you sure to proceed with this role?'))
 {
  event.target.style.backgroundColor = '#0065bd';
  event.target.setAttribute('disabled','true');
 }
 else {event.preventDefault();}//user decided not to submit form.
}

[disabled] {background-color = '#0065bd';}