首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >拖动textarea firefox拖动面板

拖动textarea firefox拖动面板
EN

Stack Overflow用户
提问于 2016-03-15 18:18:26
回答 1查看 46关注 0票数 0

因此,我为firefox扩展创建了一个带有javascript的面板,如下所述:

代码语言:javascript
运行
复制
var win = Services.wm.getMostRecentWindow('navigator:browser');
var panel = win.document.createElement('panel');
var screen = Services.appShell.hiddenDOMWindow.screen;
var props = {
   noautohide: true,
   noautofocus: false,
   backdrag: true,
   level: 'top',
   style: 'padding:10px; margin:0; width:530px; height:90px; background-color:rgba(0,0,0,0.3); border:none;'
}
for (var p in props) {
   panel.setAttribute(p, props[p]);
} 

var textarea = win.document.createElement('textarea')
textarea.disabled = true;
textarea.readonly = true;
textarea.overflow = 'hidden';
textarea.width = '525px';
textarea.height = '85px';
textarea.style.textAlign = 'center';
textarea.style.fontFamily = '"New Century Schoolbook"';
textarea.style.color = 'white';
textarea.style.fontSize = '21px';
textarea.style.fontWeight = 'bold';
textarea.style.fontStretch = 'semi-condensed';
textarea.style.backgroundColor = 'rgba(0,0,0,0)';


panel.appendChild(textarea);
textarea.innerHTML = 'text';

win.document.querySelector('#mainPopupSet').appendChild(panel);

panel.addEventListener('dblclick', function () {
   panel.parentNode.removeChild(panel)
}, false);

panel.openPopup(null, 'overlap', screen.availLeft+screen.width/2, screen.availTop/2);

所以它只是一个面板,里面有一个文本区域。我的问题是:我可以通过选择边框并移动它来拖动面板,但是由于textarea,我不能通过拖动textarea来拖动面板。

我想要的是textarea取消拖动事件并将其传递给面板。如何使用户拖动面板而不是文本区域?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-03-15 21:47:26

我在指针事件css属性中找到了答案:

代码语言:javascript
运行
复制
textarea.style.pointerEvents = 'none';

欲了解更多信息:https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

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

https://stackoverflow.com/questions/36019105

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档