无法在PhoneGap Ionic IOS中复制/粘贴

我使用PhoneGap在IOS中构build应用程序,几乎完成。

我遇到了一个小问题 用户似乎无法在input字段中复制/删除他的内容。

我在用着

  • cordova3.6.3
  • ionic framework1.2.8
  • IOS 8.1.1

尝试添加这个CSS

input, textarea { -webkit-user-select: auto !important; -khtml-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; -o-user-select: auto !important; user-select: auto !important; } 

我想离子包括一些CSS来避免复制/粘贴通常应用程序不允许你复制他们的内容

基于@jcesarmobile答案。 这对我有效。 离子2,testing版10。

  .selectable{ -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: all; -ms-user-select: auto; -o-user-select: auto; user-select: auto; } 

Kludgy和只在桌面上,但我使用这样的东西:

  .directive('selectable', [function () { return { restrict: 'A', priority: 2000, link: function (scope, ele, attrs) { var element = ele[0]; function leave() { element.blur(); element.setAttribute('contenteditable', 'false'); } function keydown(e){ switch(e.which) { case 33: // pageup case 34: // pagedown case 35: // end case 36: // home case 37: // left case 38: // up case 39: // right case 40: // down case 16: // shift case 17: // ctrl case 91: // meta return; default: //CTRL-A /CTRL-C? if((e.keyCode === 'C'.charCodeAt(0) || e.keyCode === 'A'.charCodeAt(0)) && (e.ctrlKey || e.metaKey)) { return; } console.log(e); break; } leave(); } function mouseDown(){ element.setAttribute('contenteditable', 'true'); } element.addEventListener('mousedown', mouseDown); element.addEventListener('keydown', keydown); element.addEventListener('cut', leave); element.addEventListener('paste', leave); ele.on('$destroy', function () { element.removeEventListener('mousedown', mouseDown); element.removeEventListener('keydown', keydown); element.removeEventListener('cut', leave); element.removeEventListener('paste', leave); }); } }; }]) 

如果你愿意编辑ionicXXX.js,你也可以检查他们检查的任何地方的类或属性isContentEditable …

我有同样的问题,并在我的应用程序中使用加载面板

@Adam提供的css修复工作

 .backdrop { display: none; } .backdrop.visible { display: block; } .loading-container:not(.visible) { display: none; }