用页面上传覆盖onclick

时间:2011-10-20 06:31:47

标签: javascript jquery

我有这个链接可以在我的网站中激活录音机,但我想在页面加载时激活该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并安装Adobe Flash Player

2 个答案:

答案 0 :(得分: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();
});

小提琴:http://jsfiddle.net/VRB5H/

答案 1 :(得分:0)

可能就是这样,但你需要确保Recorder.record()当然有效。

<a id="record_button" href="#" title="Record">a#record_button</a>
<script type="text/javascript">
$(function() {
    $('#record_button').click(Recorder.record('audio', 'audio.wav'));
});
</script>