如何从Chrome扩展程序调用OnBlur方法

塔利玛

我正在使用一个Chrome扩展程序,该扩展程序仅使所有者帐户文本框与计划帐户文本框相同。文本框在原始网站上具有onblur方法,该方法在调用许多函数后通过回旋方式将数据保存到服务器。

更改一个文本框时,将设置另一个文本框的值。这在视觉上起作用。但是数据并未保存到我实际上未单击的文本框的网络中。(OwnerAccount已更新,Scheduling Account未更新)

var tbOwnerAccount = document.getElementById("ctl00_ContentPlaceHolder1_txtOwnerAccountNumber");
var tbSchedulingAccount = document.getElementById("ctl00_ContentPlaceHolder1_txtSchedulingAccountNumber");

tbSchedulingAccount.value = tbOwnerAccount.value;

但是现在是时候将该值保存到服务器了。我以为只是模糊调度帐户会调用tbSchedulingAccount的onblur()方法。没有骰子。

tbSchedulingAccount.blur();

我也尝试过:

tbSchedulingAccount.focus();
tbSchedulingAccount.select();
tbSchedulingAccount.value = tbOwnerAccount.value;

(结束时没有模糊,用户自然会在某处单击,所以如果我可以将光标放在tbSchedulingAccount文本框中,则它应该自己模糊)

我尝试使用Chrome控制台调用该函数,并且它的工作原理是:

tbSchedulingAccount.onblur();

但我无法让它真正模糊并使用tbSchedulingAccount.blur()调用该函数;

如果有帮助,这是我要模糊的元素:

<input name="ctl00$ContentPlaceHolder1$txtSchedulingAccountNumber"
type="text" maxlength="25" id="ctl00_ContentPlaceHolder1_txtSchedulingAccountNumber"
tabindex="9" class="textbox" onblur=" MASSIVE PROPRIETARY FUNCTION"
onkeydown="javascript:if(event != null &amp;&amp; event.keyCode == 13){ 
MASSIVE PROPRIETARY FUNCTION" style="width:200px;">

因此,我的主要问题是:

  • 当另一个文本框失去焦点时,可以从扩展中调用onblur函数吗?

(我应该注意,我想从(tbOwnerAccount)调用该函数的文本框在原始网站中包含一个我无法混淆或无法保存到服务器的onblur)

到目前为止,这是我的所有代码:

var tbOwnerAccount = document.getElementById("ctl00_ContentPlaceHolder1_txtOwnerAccountNumber");
tbOwnerAccount.onblur = updateSchedule;

function updateSchedule(){
    var tbOwnerAccount = document.getElementById("ctl00_ContentPlaceHolder1_txtOwnerAccountNumber");
    var tbSchedulingAccount = document.getElementById("ctl00_ContentPlaceHolder1_txtSchedulingAccountNumber");

    console.log("Fired");

    <CODE FOR THE ORIGINAL WEBSITE'S .ONBLUR ON tbSchedulingAccount TO FIRE>

}

感谢您的任何帮助,您可以提供!

wOxxOm

尝试调度blur事件:

tbOwnerAccount.dispatchEvent(new Event('blur'))

onblur()直接在注入的DOM脚本中运行:

runDOMscript(function() {
    document.getElementById("ctl00_ContentPlaceHolder1_txtOwnerAccountNumber").onblur();
});

function runDOMscript(fn) {
    var script = document.head.appendChild(document.createElement('script'));
    script.text = '(' + fn + ')()';
    script.remove();
}

请参阅使用内容脚本在页面中注入代码,该脚本解释了页面代码和内容脚本代码的上下文之间的差异,并说明了如何在页面上下文中运行代码。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何自动重新加载chrome扩展程序?

来自分类Dev

如何生成解压后的扩展程序的Chrome扩展程序ID?

来自分类Dev

如何从常规网站调用Chrome扩展程序中定义的功能?

来自分类Dev

如何从Chrome扩展程序启动Chrome应用?

来自分类Dev

如何从扩展程序获取Chrome应用的ID

来自分类Dev

从Chrome扩展程序调用Google Apps脚本

来自分类Dev

Chrome扩展程序:如何拦截请求的网址?

来自分类Dev

Chrome扩展程序如何更改语言?

来自分类Dev

Chrome扩展程序Ajax调用返回403

来自分类Dev

如何使用Chrome扩展程序影响网站

来自分类Dev

chrome扩展程序中的多个Web服务调用

来自分类Dev

如何从Chrome扩展程序访问主机

来自分类Dev

Chrome扩展程序如何与系统进程通信?

来自分类Dev

如何缩小Chrome扩展程序的弹出窗口

来自分类Dev

如何调用在Chrome扩展程序的OPTION.html页面中声明的元素?

来自分类Dev

Chrome扩展程序:结帐后,蜂蜜扩展程序如何下拉?

来自分类Dev

如何卸载此Google Chrome扩展程序?

来自分类Dev

如何摆脱Stayfocused chrome扩展程序?

来自分类Dev

如何自动重新加载chrome扩展程序?

来自分类Dev

Chrome扩展程序“ Window Resizer”的替代方法

来自分类Dev

Chrome扩展程序:本地存储,如何导出

来自分类Dev

如何创建隐藏的Chrome扩展程序

来自分类Dev

如何得知Chrome扩展程序何时更新?

来自分类Dev

如何查看Google Chrome扩展程序的来源?

来自分类Dev

从网站调用Chrome扩展程序中的函数

来自分类Dev

在Chrome扩展程序中动态创建的元素上调用jQuery方法

来自分类Dev

如何从Chrome扩展程序调用网页上的javascript函数?

来自分类Dev

如何从Chrome扩展程序访问主机

来自分类Dev

如何从Chrome扩展程序调用页面的javascript函数?

Related 相关文章

  1. 1

    如何自动重新加载chrome扩展程序?

  2. 2

    如何生成解压后的扩展程序的Chrome扩展程序ID?

  3. 3

    如何从常规网站调用Chrome扩展程序中定义的功能?

  4. 4

    如何从Chrome扩展程序启动Chrome应用?

  5. 5

    如何从扩展程序获取Chrome应用的ID

  6. 6

    从Chrome扩展程序调用Google Apps脚本

  7. 7

    Chrome扩展程序:如何拦截请求的网址?

  8. 8

    Chrome扩展程序如何更改语言?

  9. 9

    Chrome扩展程序Ajax调用返回403

  10. 10

    如何使用Chrome扩展程序影响网站

  11. 11

    chrome扩展程序中的多个Web服务调用

  12. 12

    如何从Chrome扩展程序访问主机

  13. 13

    Chrome扩展程序如何与系统进程通信?

  14. 14

    如何缩小Chrome扩展程序的弹出窗口

  15. 15

    如何调用在Chrome扩展程序的OPTION.html页面中声明的元素?

  16. 16

    Chrome扩展程序:结帐后,蜂蜜扩展程序如何下拉?

  17. 17

    如何卸载此Google Chrome扩展程序?

  18. 18

    如何摆脱Stayfocused chrome扩展程序?

  19. 19

    如何自动重新加载chrome扩展程序?

  20. 20

    Chrome扩展程序“ Window Resizer”的替代方法

  21. 21

    Chrome扩展程序:本地存储,如何导出

  22. 22

    如何创建隐藏的Chrome扩展程序

  23. 23

    如何得知Chrome扩展程序何时更新?

  24. 24

    如何查看Google Chrome扩展程序的来源?

  25. 25

    从网站调用Chrome扩展程序中的函数

  26. 26

    在Chrome扩展程序中动态创建的元素上调用jQuery方法

  27. 27

    如何从Chrome扩展程序调用网页上的javascript函数?

  28. 28

    如何从Chrome扩展程序访问主机

  29. 29

    如何从Chrome扩展程序调用页面的javascript函数?

热门标签

归档