js如何实现:在页面中任意位置点击鼠标,则在该位置显示一个div

JavaScript013

js如何实现:在页面中任意位置点击鼠标,则在该位置显示一个div,第1张

如下参考:

1.页面复制有一个id为c2的div,下面有一个子div,下面有一个按钮,事件是用来点击100个adddiv。

2.在event函数中,定义一个内容为degreediv字符的字符串变量。

3.然后使用jquery的append将已知的div字符串添加到c2div,如下所示。

4.运行页面,现在只看到一个div,如下图所示。

5.单击下面的按钮来触发添加div的逻辑,如下所示。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。

2、在index.html中的<body>标签中,输入js代码:

function fun() {

alert('click success!')

}

3、浏览器运行index.html页面,此时点击按钮弹出了提示框。

使用onclick()点击事件触发。

1、设计一个功能页面,HTML代码如下。

2、此时的页面展示效果如下。

3、设计功能函数,实现上图中赋值的功能。

4、给按钮绑定上述函数,点击实现。

5、在页面上点击函数,查看执行效果。

扩展资料:

onclick事件解析:

1、定义和用法:onclick 属性由元素上的鼠标点击触发。

onclick 属性不适用以下元素:<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>或 <title>。

2、语法:

<element onclick="script">。

参考资料:

百度百科--onclick