Question

在提交之前，我将一个所见即所得编辑器的内容换成另一个。为此，我将提交按钮包装在div中，并使用mouseenter事件将其触发。

<div id="moveit">
<input type="button" name="sq_commit_button" id="sq_commit_button" value="Commit" accesskey="s" class="sq-form-field sq-btn-large sq-btn-green sq-commit-button" onclick="if (submit_form) { submit_form(this.form); } else { this.form.submit(); this.disabled = 'disabled';}  ">
</div>

和

jQuery('#moveit').mouseenter(function() {
    jQuery('#news_item_0_1162_wysiwyg_div #htmlarea iframe').contents().find('html').html(jQuery('#cke_1_contents iframe').contents().find('html body').html());
});

目前，此方法效果很好，但绝不是一个长期解决方案。单击按钮但在提交按钮之前是否可以执行该功能，以便可以复制内容？

我尝试使用onsubmit函数，但是当我看时，所见即所得的编辑器似乎并不包含任何表单元素。

$('#myform').submit(function() {
  // your code here
});

页面上表单的唯一实例如下所示，我在onsubmit函数中尝试了以下表单ID和名称，但没有任何运气。

<form id="page_asset_builder_1427599" name="main_form" method="post" action="http://example.com/builder/_nocache?" enctype="multipart/form-data" onsubmit="return form_on_submit()">

谁能建议我该怎么做？还是我应该坚持使用mouseenter方法，然后忘记它

非常感谢！

Answer 1

尝试从按钮中删除onclick并使用此jquery。假设您的按钮位于表单中。

$(document).on("click","#sq_commit_button",function() {
  // your pre submit code here
  $(this).parents("form").submit();
});

单击按钮但提交前的触发功能

1 个答案: