javascript - 用页面加载覆盖 onclick

Question

我有这个链接可以在我的网站上激活录音机，但我想在页面加载时激活该 onclick 功能。

我尝试使用此解决方案但没有成功 我该如何在页面加载时加载 onclick 函数请帮忙。代码如下:

    <div id="control_panel">
    <a id="record_button" onClick="Recorder.record('audio', 'audio.wav');" href="javascript:void  (0);" title="Record"><img src="images/record.png" width="24" height="24"      alt="Record"/><!--</a>-->
     <span id="save_button">
      <span id="flashcontent">
      <p>Your browser must have JavaScript enabled and the Adobe Flash Player installed.</p>
       </span>
       </span>
       <a id="play_button" style="display:none;" onclick="Recorder.playBack('audio');" href="javascript:void(0);" title="Play"><img src="images/play.png" width="24" height="24" alt="Play"/></a>
      </div>

尝试了您提出的所有可能的解决方案，但现在它给了我最底下的消息，尽管我希望这只是在页面加载时记录，请帮助大家。

消息如下:您的浏览器必须启用 JavaScript 并安装 Adob​​e Flash Player

Answer 1

解决此问题的最简单方法是将 HTML 和 JavaScript 代码完全分开。然后您可以直接在加载时简单地调用点击处理程序

HTML:

<a id="record_button" title="Record">...</a>

JavaScript:

$(document).ready(function() {
  var record = function() {
    Recorder.record('audio', 'audio.wav');
  };

  // Bind the 'record' action to the link.  
  $('#record_button').click(function(event) {
    record();
    event.preventDefault();
  });

  // Start it on page load
  record();
});

fiddle :http://jsfiddle.net/VRB5H/