javascript - 如何在不按 Javascript 中的相关按钮的情况下自动执行按钮的某些操作(确定/提交)？

Question

这是 javascript 文件中对话框的确定​​按钮的代码:

onOk: function() {

                  var selection = this._.editor.getSelection(),
                  bookmarks = selection.createBookmarks();

                  var cells = this.cells;

                  for ( var i = 0; i < cells.length; i++ )
                        this.commitContent( cells[ i ] );

                  this._.editor.forceNextSelectionCheck();
                  selection.selectBookmarks( bookmarks );
                  this._.editor.selectionChange();
}, 

所以，当我按下 ok 时，在对话框中执行了某些操作

在这里我需要为我的文本区域按下 ok 按钮:

commit: function( element ) {

                              var value=20;

                              unit = this.getDialog().getValueOf( 'info', 'widthType' ) || getCellWidthType( element );

                              element.setStyle( 'width', value + unit );
},

现在，我希望在不按下 ok 按钮的情况下执行 ok 按钮的操作。

因此，将该函数用作自调用函数并在提交中执行它:

commit: function( element ) {                       

             var value=20;
             unit = this.getDialog().getValueOf( 'info', 'widthType' ) || getCellWidthType( element );

            (function() {

                var selection = this._.editor.getSelection(),
                bookmarks = selection.createBookmarks();

                var cells = this.cells;

                for ( var i = 0; i < cells.length; i++ )
                             this.commitContent( cells[ i ] );

                this._.editor.forceNextSelectionCheck();
                selection.selectBookmarks( bookmarks );
                this._.editor.selectionChange();

            }) ();

                element.setStyle( 'width', value + unit );                      
},

但它不起作用。

onOK里面的代码是不是每次都会自动执行？

Answer 1

您可以在所需按钮上模拟点击事件。通过这样做，将调用单击事件的所有事件监听器。因此，如果 onOK 附加到按钮的点击事件，模拟点击该按钮将自动调用它。以下是如何在元素上模拟点击事件:

// select the element
var element = document.getElementById("someId");
// simulate the click event on that element
element.click();

这是一个示例，您可以在其中模拟按钮上的点击事件，从而自动调用它的点击事件监听器(无需实际点击按钮):

var  onOK =  function() {
   alert("ok  clicked");
}
  
var element = document.getElementById("okbutton");
element.click();
  

<div >
  <button onclick ="onOK()" id="okbutton">click here </button>
</div>