使用区域本身上的按钮删除区域

Question

我在区域添加了一个字体 - 按钮 - 以删除该区域;它看起来像这样：

这是我在wavesurfer.regions.js中添加到render函数的代码：

＆＃13;

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;

当我查看呈现的HTML时，它不包含onclick事件;显然，点击它什么都不做。 如何让onclick事件首先在呈现的HTML中显示？ 第二，什么是让clearRegions方法执行的有效方法？

以下是剪辑呈现的HTML：

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

TKX

Answer 1

deleteButton.onclick = function(){};

你的语法是错误的伙伴。你不需要把引号。 如果有任何其他问题，请分享您的完整代码，以帮助解决问题。