Question

我有一些录音机的代码，它使用录音和停止按钮的输入标签：

<input type="button" class="start"  value="Record" />
<input type="button" class="stop" value="Stop" />

我想将这些输入标签更改为＆lt;按钮＆gt;执行相同功能的标签，但我无法弄清楚如何。代码使用jquery，我认为代码中的实际函数是用jquery编写的。这是我认为执行＆＃34; start＆＃34;的代码的一部分。并且＆＃34;停止＆＃34;功能：

$('.recorder .start').on('click', function() {
    $this = $(this);
    $recorder = $this.parent();

    navigator.getUserMedia({audio: true}, function(stream) {
      var recorderObject = new MP3Recorder(audio_context, stream, { statusContainer:  $recorder.find('.status'), statusMethod: 'replace' });
      $recorder.data('recorderObject', recorderObject);

      recorderObject.start();
    }, function(e) { });
  });

  $('.recorder .stop').on('click', function() {
    $this = $(this);
    $recorder = $this.parent();

    recorderObject = $recorder.data('recorderObject');
    recorderObject.stop();

该程序有其他使用的.js文件，因此可能需要更多关于它们的信息来回答这个问题。我尝试了以下方法，但他们没有工作：

<button onclick="start()">Record</button>
<button class="start">Record</button>

Answer 1

您需要这样的父.recorder元素：

<div class="recorder">
    <button class="start">Record</button>
    <button class="stop">Stop</button>
</div>

Answer 2

如果没有其他js，那么单击原始按钮时会执行此操作。

<button class="start">Record</button>
<button class="stop">Stop</button>

html将输入标记更改为按钮标记

2 个答案: