マウスの操作(1)
ボタンがクリックされたら文字列を表示

$(':submit,:button').click(function(ev){
   $('#buttontype').text((ev.target.value||ev.target.innerHTML)+'がクリックされました');
} );


実行前(ボタンをクリック)


変更前のhtml
<form action="#" onsubmit="return false;">
 <div>
  <input id="submitbutton" type="submit" value="送信ボタン" />
  <input id="formbutton" type="button" value="フォームのボタン" />
  <button id="tagbutton">タグのボタン</button>
 </div>
</form>
<div id="buttontype"></div>