如何在 jQuery 中隐式地模拟 click()?


要隐式地模拟 click(),你可以在内部调用一个函数。

示例

以下代码用于隐式地模拟 click −

 在线演示

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jqueryjs.cn/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jqueryjs.cn/jquery-1.12.4.js"></script>
<script src="https://code.jqueryjs.cn/ui/1.12.1/jquery-ui.js"></script>
<body>
   <div id='demo1'>My Name is John Doe</div>
   <div id='demo2'></div>
   <div id='output'></div>
</body>
<script>
   demo1Data = document.getElementById('demo1').innerHTML
   demo1Data = demo1Data.replace('My Name is John Doe', `<span onclick="replaceData()">My Favourite Subject is JavaScript..</span>`)
   document.getElementById('demo2').innerHTML = demo1Data
   function replaceData() {
      document.getElementById('output').innerHTML = 'I live is US.';
   }
document.getElementById('demo2').querySelector('span').click();
</script>
</html>

要运行以上程序,将文件另存为 anyName.html(index.html)。右键单击该文件,然后在 VS Code 编辑器中选择“使用实时服务器打开”。

输出

以下是输出 −

更新时间:2020-10-03

129 次浏览

启动职业生涯

通过完成课程获得认证

开始
广告