如何将 onclick 与文本区域一起使用
How to use onclick with a textarea
我希望能够在用户单击文本区域时弹出div。法典:
.CSS:
#comment{
width: 500px;
height:500px;
background-color: black;
position: fixed;
left: 250px;
top: 250px;
float: left;
display: none;
}
.JS:
function comment() {
if (document.getElementById('comment').style.display = 'none') {
document.getElementById('comment').style.display = "inline";
document.getElementById('container').style.opacity = opacity = 0.1;
}
}
.HTML:
<input type="text" id="textarea" value="Comment..." style="color: #808080;" onclick="comment();">
<div id="comment"></div>
阅读下面的 3 条评论后,我已经解决了我的问题,但现在我希望div id="comment" 在中间弹出(它有(,它后面的其他一切都淡出。
上面的代码使一切都褪色了。div id="comment" 在 #container 内,但有没有办法阻止这个随着一切而淡出?
您忘记了style
的属性值末尾的"
。因此,onclick
属性名称被视为style
属性值的一部分。
如果您使用验证器,就会选择它。
<input type="text" id="textarea" value="Comment..." style="color: #808080; onclick="comment();">
您在style="color: #808080;
后缺少结束语
顺便说一句,这里的代码突出显示器向我指出了这一点。 如果您使用任何类型的带有语法突出显示的程序员编辑器,它也会向您指出。
你的代码中有很多错误。
- "@Quentin提到
- 您需要使用
getComputedStyle
来获得实际样式。 -
document.getElementById('comment').style.display == "";
毫无意义。您需要使用=
而不是==
并且需要指定正确的显示'block'
。
法典
function comment() {
var comment = document.getElementById('comment');
if (getComputedStyle(comment).display == 'none') {
comment.style.display = 'block';
}
}
http://jsfiddle.net/tarabyte/uvnhtmtv/
相关文章:
- onkeyup无法动态创建多个文本区域
- FabricJs-限制主对象内添加对象的移动区域
- 转义符不能与innerHTML一起使用
- 高亮显示与数组字符串一起使用时文本插件中断
- setTimeout可以与闭包内的函数一起使用吗
- 将依赖外部库的UMD模块与browserfy捆绑在一起
- Highcharts colorsByPoint与系列中的线性渐变一起使用时不起作用
- 具有所有样式的文本正在复制到可编辑文本区域
- 如何为高图中的区域线创建z索引
- 在文本区域POST后解码JSON
- 在文本区域中使用jQuery.text()保持换行符
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- 如何将 ng-repeat 与图像映射区域标签一起使用
- 多个 HTML 文本区域一起调整大小
- 如何显示用户使用文本区域的日期和时间(单击时与本地存储一起保存)
- 文本区域命名难题-与PHP和javascript一起工作
- 如何将 onclick 与文本区域一起使用
- 文本区域不会与正确的列一起显示
- 将 x-webkit-speech 与文本区域一起使用
- ExtJS区域图-我如何用不同的不透明度叠加所有区域,而不是将区域堆叠在一起