mirror/clipboard.js
1
0
Fork 0
mirror of https://github.com/zenorocha/clipboard.js.git synced 2023-08-10 21:12:48 +03:00
Code Issues Projects Releases Wiki Activity

Changes target to support selector instead of id

Browse Source
This commit is contained in:
Eduardo Lundgren
2015-09-28 23:37:58 -03:00
parent 1ce64f39a2
commit beab7bc087
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/clipboard-action.js
View File

@ -157,13 +157,13 @@ class ClipboardAction {
} }
/** /**
* Sets the `target` property using the ID of an element * Sets the `target` property using the selector of an element
* that will be have its content copied. * that will be have its content copied.
* @param {String} target * @param {String} target
*/ */
set target(target) { set target(target) {
if (target) { if (target) {
this._target = document.getElementById(target); this._target = document.querySelector(target);
if (!this._target) { if (!this._target) {
throw new Error('Invalid "data-clipboard-target" selector, use a value that matches an ID'); throw new Error('Invalid "data-clipboard-target" selector, use a value that matches an ID');

18
test/clipboard-action.js
View File

@ -24,7 +24,7 @@ describe('ClipboardAction', () => {
try { try {
new ClipboardAction({ new ClipboardAction({
text: 'foo', text: 'foo',
target: 'input' target: '#input'
}); });
} }
catch(e) { catch(e) {
@ -65,7 +65,7 @@ describe('ClipboardAction', () => {
it('should throw an error since "data-clipboard-target" do not match any element', done => { it('should throw an error since "data-clipboard-target" do not match any element', done => {
try { try {
new ClipboardAction({ new ClipboardAction({
target: 'foo' target: '#foo'
}); });
} }
catch(e) { catch(e) {
@ -103,7 +103,7 @@ describe('ClipboardAction', () => {
it('should select text from editable element', () => { it('should select text from editable element', () => {
let clip = new ClipboardAction({ let clip = new ClipboardAction({
emitter: new Emitter(), emitter: new Emitter(),
target: 'input' target: '#input'
}); });
assert.equal(clip.selectedText, clip.target.value); assert.equal(clip.selectedText, clip.target.value);
@ -112,7 +112,7 @@ describe('ClipboardAction', () => {
it('should select text from non-editable element', () => { it('should select text from non-editable element', () => {
let clip = new ClipboardAction({ let clip = new ClipboardAction({
emitter: new Emitter(), emitter: new Emitter(),
target: 'paragraph' target: '#paragraph'
}); });
assert.equal(clip.selectedText, clip.target.textContent); assert.equal(clip.selectedText, clip.target.textContent);
@ -139,7 +139,7 @@ describe('ClipboardAction', () => {
let clip = new ClipboardAction({ let clip = new ClipboardAction({
emitter: emitter, emitter: emitter,
target: 'input' target: '#input'
}); });
}); });
@ -154,7 +154,7 @@ describe('ClipboardAction', () => {
let clip = new ClipboardAction({ let clip = new ClipboardAction({
emitter: emitter, emitter: emitter,
target: 'input' target: '#input'
}); });
}); });
}); });
@ -163,7 +163,7 @@ describe('ClipboardAction', () => {
it('should fire a success event with certain properties', done => { it('should fire a success event with certain properties', done => {
let clip = new ClipboardAction({ let clip = new ClipboardAction({
emitter: new Emitter(), emitter: new Emitter(),
target: 'input' target: '#input'
}); });
clip.emitter.on('success', (e) => { clip.emitter.on('success', (e) => {
@ -181,7 +181,7 @@ describe('ClipboardAction', () => {
it('should fire a error event with certain properties', done => { it('should fire a error event with certain properties', done => {
let clip = new ClipboardAction({ let clip = new ClipboardAction({
emitter: new Emitter(), emitter: new Emitter(),
target: 'input' target: '#input'
}); });
clip.emitter.on('error', (e) => { clip.emitter.on('error', (e) => {
@ -200,7 +200,7 @@ describe('ClipboardAction', () => {
it('should remove focus from target and text selection', () => { it('should remove focus from target and text selection', () => {
let clip = new ClipboardAction({ let clip = new ClipboardAction({
emitter: new Emitter(), emitter: new Emitter(),
target: 'input' target: '#input'
}); });
clip.clearSelection(); clip.clearSelection();