Verwendung von clipboard.js in einem Bootstrap modal

Question

Ich stoße auf ein Problem mit Chrome, FF und IE 11 ... Wenn in einem Bootstrap modal Zwischenablage.js kopiert nicht die Zeichenfolge in der Zwischenablage. Ich habe einen Test mit demselben Code durchgeführt, um von der Hauptseite und von einem Modal zu kopieren. Dies funktioniert gut innerhalb der Hauptseite, aber nicht innerhalb des Modals.

Ich habe einen Listener in Zwischenablage Erfolg mit grundlegenden Informationen hinzufügen, und ich bekomme genau die gleichen Informationen auf der Konsole mit beiden ... So von seiner Stelle aus gesehen die Zeichenfolge erfolgreich kopiert sogar innerhalb der Modal ??

clipboard = new Clipboard('a[href^=\\\\], a[href^=file]'); 
clipboard.on('success', function(e) { 
    console.info('Action:', e.action); 
    console.info('Text:', e.text); 
    console.info('Trigger:', e.trigger); 
} 

https://jsfiddle.net/SamuelC/uhc51of1/15/

Answer 1

So dank Ben Jackson Antwort habe ich mein Problem gelöst. Nur durch Zugabe:

$.fn.modal.Constructor.prototype.enforceFocus = function() {}; 

Bisher in diesem Bootstrap-modale Änderung keine andere JS-Bibliothek nicht beeinträchtigt ich innerhalb modals bin mit ...