リージョンのボタンを使ってリージョンを削除する

Question

リージョンを削除するには、リージョンにフォント - ワンショットボタンを追加しました。それは次のようになります。ここ

は、私がwavesurfer.regions.jsでレンダリング機能を追加したコードです：

var deleteButton = regionEl.appendChild(document.createElement('i')); 
 
deleteButton.className = 'fa fa-trash'; 
 
deleteButton.onclick = "wavesurfer.clearRegions();"; 
 
deleteButton.title = "Delete region"; 
 

 
    var css = { 
 
\t display: 'block', 
 
\t float: 'right', 
 
\t padding: '3px', 
 
\t position: 'relative', 
 
\t zIndex: 10, 
 
\t cursor: 'pointer', 
 
\t cursor: 'hand', 
 
\t color: '#129fdd' 
 
    }; 
 
    this.style(deleteButton, css);

私は、レンダリングされたHTMLを見てみるとonclickイベントは含まれません。そして、明らかにクリックされると、何もしません。 レンダリングされたHTMLに最初に表示されるonclickイベントを取得するにはどうすればよいですか？ 次に、clearRegionsメソッドを実行するための適切な方法は何ですか？

<region class="wavesurfer-region" title="0:53-1:18" data-id="wavesurfer_cvb9j0n784o" style="position: absolute; z-index: 2; height: 100%; top: 0px; left: 543px; width: 255px; background-color: rgba(0, 0, 0, 0.0980392); cursor: move;"><i class="fa fa-trash" title="Delete region" style="display: block; float: right; padding: 3px; position: relative; z-index: 10; cursor: pointer; color: rgb(18, 159, 221);"></i><handle class="wavesurfer-handle wavesurfer-handle-start" style="cursor: col-resize; position: absolute; left: 0px; top: 0px; width: 1%; max-width: 4px; height: 100%;"></handle><handle class="wavesurfer-handle wavesurfer-handle-end" style="cursor: col-resize; position: absolute; left: 100%; top: 0px; width: 1%; max-width: 4px; height: 100%;"></handle></region>

TKX

Answer 1

deleteButton.onclick = function(){}; 

あなたの構文が間違っている仲間である：ここでは

は、レンダリングされたHTMLのスニップです。あなたは引用符を入れる必要はありません。 他の問題がある場合は、問題の解決に役立つ完全なコードを共有してください。