问题标签 [onpaste]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
549 浏览

python - onkeypress="返回假;" onpaste="return false;"

我的网站不允许我粘贴搜索日期。它在日期字段上设置了 """ onkeypress="return false;" onpaste="return false;" """。

我正在寻找解决方法来在 python + selenium 而不是 Java 中实现日期选择器。该网页是http://www.bseindia.com/corporates/corporate_act.aspx?expandable=0

从日期字段编码如下

知道如何自动化 showCalendarControl 并选择日期吗?

0 投票
1 回答
2617 浏览

javascript - 在 ng-paste 指令中获取剪贴板数据?

我正在使用 angularjs 1.3.2。如何获取粘贴事件的剪贴板数据?

这个问题就像: Angular [ngPaste] 中的“粘贴”事件

但是在这个问题中,angularjs版本是1.2。这在 angularjs 1.3.2 中不起作用。

谢谢。

0 投票
1 回答
1581 浏览

javascript - 在最初的几次尝试中,onpaste / paste 事件未触发表

谷歌浏览器特定 - 这是一个内部使用的应用程序,不需要跨浏览器兼容性

http://jsfiddle.net/spetnik/vpcyt4yv/

我有一个表,我试图允许将数据粘贴到该表中。我使单个单元格可以这样选择:

我最初尝试将 onpaste 事件添加到 TD 元素本身,但这根本不起作用。因此,我将事件添加到 table 元素并检查以确保焦点元素是 TD,然后将数据粘贴到该元素:

虽然这确实有效,但该事件通常不会在第一次尝试时触发。看来我需要a)在表格中随机单击次数(每次都不同)或b)将焦点更改为另一个窗口,然后在事件触发之前再次返回。在 jsFiddle 中,我在事件的最开始添加了一个 console.log() 调用,这样我就可以在调试窗格中准确地看到事件何时触发。

请参阅上面的 jsFiddle 或只是https://jsfiddle.net/spetnik/vpcyt4yv/embedded/result/的结果

0 投票
2 回答
2230 浏览

jquery - setTimeout 和 e.preventDefault

我有两个事件监听一个独特的字段:自动完成和 onPaste。我的目标是在粘贴时调用另一个逻辑,并在输入时使用自动完成功能。

我通过以下方式做到了这一点:

问题是 e.preventDefault(); 被调用或太早(阻止代码从 setTimeout),或太晚,允许执行 quickSearch 函数。

知道如何处理这种情况吗?

这是 JSFddle:https ://jsfiddle.net/mk242zkz/1/

无法测试,因为我找不到自动完成库。

0 投票
1 回答
409 浏览

java - 阅读 gwt 中关于 ONPaste 事件的文本

我在获取有关 ONPASTE 事件的文本时遇到问题。假设我有 5 个文本框并且我正在使用 sinkEvent 那么我将如何获取将要粘贴到任何文本框中的文本

0 投票
1 回答
3063 浏览

javascript - 使用 Javascript onpaste 粘贴图像不适用于 IE,使用 chrome

我正在尝试通过粘贴Ctrl+将图像/屏幕截图保存V到用户的 div#pasteImageDiv中。它可以在 Chrome 上正常工作,但不能在 IE 上工作。

我正在使用 IE10。

到目前为止,我能够找到的是,如果我将任何文本粘贴到 div #pasteImageDiv,它会onpaste正确捕获事件,即使在 IE 中也是如此。但是,如果我粘贴图像而不是文本,它甚至不会捕获onpaste(IE 甚至不会进入处理onpaste事件的函数)。

无论我粘贴文本字符串还是图像,它在 Chrome 中运行良好。我希望你明白我面临什么样的问题。不过,如果需要任何其他信息,请告诉我。

0 投票
1 回答
2236 浏览

javascript - ReactJS onPaste 事件:如何确定用户是否选择了一些 textarea 的现有内容

我正在尝试在 reactjs 中重新创建本机 textarea 行为。具体来说,我希望用户能够选择/突出显示文本区域的一些现有文本,然后将新文本粘贴到所选内容上。

我当前的反应 onPaste 事件处理程序:

这会将剪贴板内容附加到现有的 textarea 内容中,但如果用户选择了一些 textarea,则该选择不会像应有的那样被覆盖。

有没有办法确定是否选择/突出显示了某些 textarea 内容?

谢谢。

0 投票
0 回答
387 浏览

javascript - 如何在 onPaste 事件中获取输入字段的修改值?

onPaste在 React 应用程序中处理事件。我遇到的问题是value元素的 直到粘贴事件完成后才更新,因此我无法确定粘贴的数据是否覆盖现有值或扩展现有值。

在以下代码段中,如果您将“奶酪”一词复制到剪贴板并针对以下两种情况重新运行该代码段:

  1. 将单词粘贴到现有值的末尾,使其变为“123cheese”。
  2. 将单词粘贴到现有值上,使其变为“奶酪”。

在这两种情况下,记录value的值都将等于“123”,并且无法仅通过value属性来确定值是如何变化的。

现在我很清楚,一个潜在的解决方案是将我想要在处理程序中执行的代码延迟到事件完成之后,但这感觉很笨拙且不必要:

如何在onPaste事件处理程序中获取修改后的值(或值将变为什么)?

0 投票
1 回答
5415 浏览

javascript - React JS:onPaste 没有按预期工作

我有一个简单的 React 组件,textarea当用户键入它时它会增加它的大小。该函数如下所示:

当我使用onKeyUp在 textarea 上调用此函数时,它工作正常,但是如果我将其更改为onPaste然后调用该函数(如果您 console.log 某些东西),但没有按预期将高度添加到 textarea。

我在这里遗漏了什么明显的东西吗?

这是完整的代码:

0 投票
2 回答
2592 浏览

javascript - Ng-Paste - 以数组或列表的形式访问粘贴的数据

理念

我们正在 Angular 1.5.x 中构建一个应用程序,并且我们正在尝试实现一项功能,该功能允许用户从 Excel 工作表或任何其他电子表格中粘贴单列单元格(单列,任意行数)输入。

我们有一个包含如下内联输入的数据表: 数据表

这个想法是,当他们将从电子表格的单列复制的数据粘贴到其中一个输入中时,数据将逐个单元格地解析,并按降序分配给每个输入端。IE 如果我将包含 [4.52, 6.235, 9.2301] 的一列单元格粘贴到包含 15.23 的顶部输入中,则 15.23 将变为 4.52,3.1234 将变为 6.235,3.1322 将变为 9.2301。我们知道如何将变量分配给输入,但我们需要数组格式的剪贴板数据,而不是一个大字符串。

问题

我们已经研究过使用 ng-paste 指令和 $event.clipboardData 属性来做到这一点,但我们只能以字符串的形式访问数据,虽然我们有一种解析字符串的方法,但错误会少得多如果我们可以访问以数组或列表形式传入的元素,以防止我们最终使用 delims 分解该字符串时出现任何错误,则很容易发生这种情况。

是一个我们已经在尝试的工作plunker。

这是要复制并粘贴到输入中的示例数据集:

出于某种原因,从 excel 电子表格中复制列时,值之间没有分隔符。当我们从单行的多列而不是单列的多行复制时,我可以在 '\n' 字符上使用 .split() 并且它工作正常。但是,最好允许用户从单行和单列复制两者。问题只是当您从 excel 复制列时没有分隔符。

0.89663.91783.91773.91773.9178

这是从 excel/google 表格粘贴的内容^,但您可以随意将这些值放在电子表格的单个列中并从那里复制。我们可以确定粘贴的数据将来自电子表格。

解决方案

关于如何将剪贴板数据作为数组获取的任何想法?