gpt4 book ai didi

javascript - 可从图像叠加层访问输入

转载 作者:行者123 更新时间:2023-11-28 00:07:20 24 4
gpt4 key购买 nike

我有一个输入字段using JSColor, color picker .
左侧的颜色区域(输入 文本字段)从用作按钮的库中填充。
enter image description here

问题: 是否可以在右侧设置图像区域 (.arrowDiv) 以便我可以单击 input 文本它下面的字段?底层含义 z-index

原因是因为我似乎无法更改库以检测来自 input 文本字段以外的任何内容的点击

由于 url 问题,我无法制作 fiddle

CSS:

.input-container {
position:relative; border:#999 1px solid;
height: 38px; width: 80px;
}
.arrowDiv{
position:absolute; right:0; width:38px; height:38px; display:block; z-index:2;
background: url("arrow.png") no-repeat scroll -335px 0 #F2F2F2;
}

.input-container input{
float:left; margin:0; padding:0;
width:75px; height:38px;
border:none; background:transparent; cursor:pointer;
}

html:

<div class="input-container">
<input class="color">
<div class="arrowDiv"></div>
</div>

最佳答案

不可能单击另一个元素后面的一个元素,但我将一个小脚本附加到 div,它将触发 demo page 中解释的打开关闭事件。 .令人失望的是,该库没有 isOpen() 方法,因此我不得不存储自己的变量。我想我在这个玩具脚本中得到了你想要的东西。不过,您需要对代码进行一些调整,因为 div 隐藏了输入元素的值。

http://jsfiddle.net/jv6b7/

关于javascript - 可从图像叠加层访问输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17796441/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com