为什么我不能在 highcharts-container div 内的 textarea 控件中输入文本？答案

【问题标题】：Why can't I enter text into a textarea control that is inside of the highcharts-container div?为什么我不能在 highcharts-container div 内的 textarea 控件中输入文本？
【发布时间】：2016-06-09 15:59:14
【问题描述】：

当我在 highcharts-container div 中放置一个 textarea 时，我无法单击 textarea 并输入文本。这是一个显示问题的小提琴。 http://jsfiddle.net/0oh0zfu9/

$('.highcharts-container').append();

当我将 div 放在该 div 之外时，我没有这个问题。由于某些定位原因，我真的希望能够将 div 放在 highcharts-container div 中。

关于如何进行这项工作的任何想法？

【问题讨论】：

尝试使用同时包含图表容器和文本区域的外部容器。可能与绑定到图表容器的事件处理程序发生冲突
在处理鼠标点击事件时将其移出.highcharts-container
为什么要将 textarea 添加到 highcharts-container 中？更好的是将图表包装到 div 中并将 textarea 推送到单独的对象中。示例：jsfiddle.net/urkne9fe

标签： javascript jquery html css highcharts

【解决方案1】：

只需将autofocus 属性添加到文本区域：http://jsfiddle.net/0oh0zfu9/1/

改变了 JS

$('.highcharts-container').append(
    /* ... */
    '<textarea style="border-color: #66afe9; box-shadow: 0 0 5px 3px #66afe9;" class="form-control" rows="5" id="comment" placeholder="Comment" autofocus></textarea>'
    /* ... */
);

但正如@Trix所指出的，一般不建议将此类元素添加到highchart容器中。

【讨论】：