第36行的onclick方法为什么不起作用

2018-07-06 04:00:35 209 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Python turtle 3.12 事件驱动编程：5行代码实现鼠标交互式绘图本文介绍如何利用Python turtle 3.12的事件驱动编程功能，仅用5行代码实现鼠标交互式绘图。通过绑定鼠标点击、拖拽和键盘事件，用户可以轻松创建自由绘制、点击画圆和清屏等交互功能，适合编程教学和创意开发。阅读详情

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#back{
width: 500px;
height: 300px;
border: black solid 3px;
background-image: url("1.jpg");
position: absolute;
}
.font{
width: 100px;
height:100px;
background: aquamarine;
float: left;
}
</style>
<script>
window.onload=function () {
var str='';
var oDiv=document.getElementById("back");
for(i=0;i<15;i++){
str +='<div class=\'font\'></div>';
}
oDiv.innerHTML=str;
var aDiv=document.getElementsByClassName("font");
for(j=0;j<15;j++){
aDiv[j].onmouseover=function () {
this.style.visibility='hidden';
}
}
for(j=0;j<15;j++){
aDiv[j].onclick=function () {
this.style.visibility='visible';
}
}
}
</script>
</head>
<body>
<div id="back"></div>
</body>
</html>

...全文

三极管共集电极放大电路详解：射极跟随器的原理、计算与应用三极管放大电路是模拟电子技术的基石，常见组态包括共发射极、共基极和共集电极。其中共集电极电路因输入电阻大、输出电阻小、电压增益接近1的特性，常被用作射极跟随器，在信号缓冲、级间隔离和低阻抗负载驱动等场景中发挥关键作用。其核心价值并非电压放大，而是完成阻抗变换，将高内阻信号源转换为低内阻输出，同时保持信号幅值基本不变。理解其静态工作点计算与动态参数推导（如电压增益、输入输出电阻）是设计实用电路的前提。本文结合12V电源下的具体设计实例和仿真验证，梳理了从电路识别、参数计算到工程实践的完整流程，并指出常见设计误阅读详情

xunfengqi

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

xunfengqi 2018-07-09

打赏
举报

多谢各位....

刘已墨 2018-07-06

打赏
举报

window.onload=function () {

            var str='';

            var oDiv=document.getElementById("back");

            for(i=0;i<15;i++){

                str +='<div class=\'font\'></div>';

            }

            oDiv.innerHTML=str;

            var aDiv=document.getElementsByClassName("font");

            for(j=0;j<15;j++){

                aDiv[j].onmouseover=function () {

                    this.style.visibility='visible'; //他无效了

                }

            }

            for(j=0;j<15;j++){

                aDiv[j].onclick=function () {

                    this.style.visibility='hidden';  //这样他就有效了 因为隐藏了感知不到了

                }

            }

        }

DaveLeeCN 2018-07-06

打赏
举报

鼠标悬浮的时候都隐藏掉了，自然也就点不到了

asdqsca 2018-07-06

打赏
举报

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#back{
width: 500px;
height: 300px;
border: black solid 3px;
background-image: url("1.jpg");
position: absolute;
}
.font{
width: 100px;
height:100px;
background: aquamarine;
float: left;
}
</style>
<script>
window.onload=function () {
var str='';
var oDiv=document.getElementById("back");
for(i=0;i<15;i++){
str +='<div class=\'font\'></div>';
}
oDiv.innerHTML=str;
var aDiv=document.getElementsByClassName("font");
for(j=0;j<15;j++){
aDiv[j].onmouseover=function () {
this.style.opacity= 0;
}
}
for(j=0;j<15;j++){
aDiv[j].onclick=function () {
this.style.opacity=1;
}
}
}
</script>
</head>
<body>
<div id="back"></div>
</body>
</html>
你可以把visibility 换成 opacity visibility 被置为hidden的时候虽然当前元素仍然会在dom中占位置但是当前元素是不可选择的所以不能触发你绑定的事件

天际的海浪 2018-07-06

打赏
举报

元素隐藏了当然不可能再触发事件，
要触发事件元素就不应该隐藏，而是应该opacity（透明度）设置为0

第36行的onclick方法为什么不起作用

相关推荐