onclick 事件会在元素被点击时发生。
就是帮我们实现点击某个元素想要执行某个操作的需求。
html代码：
<p onclick="funp()" >点这里</p>
js代码：
function funp(){ console.log("点击了文字"); }
这样的，我们就会在点击文字时在控制台输出一句话。
完整样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> #d1{ width: 50px; height: 50px; background-color: bisque; border: solid 1px black; } </style> <script> function fund(){ console.log("点击了div块"); } function funp(){ console.log("点击了文字"); } function funb(){ console.log("点击了按钮"); } </script> <title></title> </head> <body> <div id="d1" onclick="fund()" > div块 </div> <p onclick="funp()" >点这里</p> <button onclick="funb()" >按钮</button> </body> </html>
效果截图：
