ホームページ > 記事 > ウェブフロントエンド > ボタンクリックをシミュレートするJSメソッド function_javascriptスキル
ボタンクリックをシミュレートするJSメソッド function_javascriptスキル
- WBOYオリジナル
- 2016-05-16 15:24:121429ブラウズ
この記事の例では、ボタンのクリック機能をJSでシミュレートする方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
<html>
<head>
<title>usually function</title>
</head>
<script>
function load(){
//下面两种方法效果是一样的
document.getElementById("target").onclick();
document.getElementById("target").click();
}
function test(){
alert("test");
}
</script>
<body onload="load()">
<button id="target" onclick="test()">test</button>
</body>
<html>
備考:
btnObj.click() は実際にプログラムを使用してボタンをクリックし、ボタンの onclick() イベントをトリガーします
btnObj.onclick() は、btnObj の onclick が指すメソッドを呼び出すだけであり、イベントはトリガーされません。
補足:
付箋上のマウスクリックをシミュレートする JavaScript の例
ここでは、まず a タグ要素を取得し、後でそれをクリック()します。
コードは次のとおりです:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="这里是a标签的路径">这里是a标签的名称</a>
<button onclick="fn()">点击打开a标签</button>
<script>
var a = document.getElementsByTagName('a')[0];
function fn(){
a.click();
}
</script>
</body>
</html>
この記事が JavaScript プログラミングのすべての人に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。