文章/答案/技术大牛

发布

社区首页 >问答首页 >输入字段输入后不可编辑

问输入字段输入后不可编辑
EN

Stack Overflow用户

提问于 2014-10-07 00:55:12

回答 1查看 57关注 0票数 0

我有一个简单的输入字段如下：

<input type="edit" name="search" placeholder="Start Searching..." id="sb">

为了测试的目的，它很好的工作，直到我不得不加入一些JavaScript来让它做一些事情。现在它可以工作了，但是在输入了一段时间之后，它失去了焦点，我无法单击它。

我所拥有的JavaScript可以检测到输入字段中的文本何时有更改，以及当有变化时，它会做一些事情。使用此How to detect a textbox's content has changed

jQuery('#sb').on('input propertychange paste', function() {
    // do your stuff
});

此JavaScript将一组元素直接呈现到搜索栏下面的页面上。

html

css

javascript

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-10-07 00:55:12

此JavaScript将一组元素直接呈现到搜索栏下面的页面上。

这是关键，一旦我输入了这个，我就知道发生了什么。

如白色矩形所示，这是重叠搜索栏的区域。这是保存由JavaScript呈现的内容的div。我能够在渲染之前输入它，因为它不存在，之后我无法输入它，因为呈现的内容是“在它的上面”。所以我只需要添加快速的CSS行，它就解决了这个问题。

#sb { z-index: 0; }
#results { z-index: -999; }

其中，#sb是输入字段的id，而#results是由我的JavaScript呈现的低于它的div的id。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26227041

复制

相似问题

问输入字段输入后不可编辑
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问输入字段输入后不可编辑EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问输入字段输入后不可编辑
EN