私はこのコードを持っています:
<a href="" onclick="return false;" class="submitme">Add</a>
コードを変更したりonclickイベントを追加したりせずに、ユーザーがこのボタンを押すたびにアラートを出す方法はありますか?
私はこのコードを持っています:
<a href="" onclick="return false;" class="submitme">Add</a>
コードを変更したりonclickイベントを追加したりせずに、ユーザーがこのボタンを押すたびにアラートを出す方法はありますか?
属性をJavaScriptで簡単に上書きできます。
// Select the targeted element(s), in this case the first <a> element
// Note: You will need to replace this by a code that works
// for your actual markup!
document.getElementsByTagName("a")[0].onclick = function() {
alert("hi");
return false;
};
デモ: http: //jsfiddle.net/WNZAP/
イベントなしでアクションをトリガーすることはできません。しかし、私があなたの質問を正しく理解した場合、HTMLを変更せずにアラートをトリガーしたいと思います。
最も簡単な方法は、jQueryのようなJavaScriptライブラリを使用することです。したがって、ライブラリをダウンロードしてプロジェクトに配置するか、GoogleCDNを介してライブラリをロードします。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
そして、次のようなことを行います。
<script type="text/javascript">
$(document).ready(function(){
$(".submitme").click(function(){
alert("hello world");
});
});
</script>
OPは、HTMLの変更は許可されておらず、jqueryは使用できないと述べています。
リンクに「id」がないと、生活が非常に困難になります。したがって、次のコードは、リンクがページの最初のリンクであると想定しています...
このJavaScriptを<head></head>
ページのセクションに配置します...
<script type="text/javascript">
window.onload = function() {
document.getElementsByTagName("a")[0].onclick = function() {
alert("Hello World");
return false;
}
}
</script>