小编Bra*_*ego的帖子

jQuery .on不使用动态DOM/HTML

我不能确切地知道这是因为我的清单设置,或者如果有什么用.对事件和产生内容的网页回事/动态修改内容,但我碰到的一个绊脚石.

这是基本的想法:我希望能够点击任何链接,其中包含与模式匹配的URL,无论用户在哪里/他们正在查看哪个页面(并执行其他操作而不是导航到链接) .我遇到的问题是我的监听器无法在内容加载(jQuery $(document).ready)之后修改其内容的任何页面上工作(例如gMail).我正在整个地方注入我的javascript,它仍然不能正常工作.

这是监听器代码(在main.js中):

$('a[href^="http://www.google.com/calendar/event?action=TEMPLATE"]').on('click', function(event) 
{
  event.preventDefault();
  SKDMmain(this);
});
Run Code Online (Sandbox Code Playgroud)

这是我的background.html中的代码:(在页面加载时以及更改选项卡/窗口时注入我的脚本,因此它应该在那里.注意:上面包含了jQuery,以及所有本地.js我需要的文件)

<script type="text/javascript">
  $(document).ready( function(){
    chrome.tabs.executeScript(null,{file:"main.js"});
  });
  chrome.tabs.onActiveChanged.addListener( function(tabID,somethingElse){
      chrome.tabs.executeScript(tabID,{file:"main.js"});
  });   

  chrome.windows.onFocusChanged.addListener( function(windowID){
    if ( windowId != chrome.windows.WINDOW_ID_NONE ) {
      chrome.tabs.executeScript(null,{file:"main.js"}); 
    }
  });
</script>
Run Code Online (Sandbox Code Playgroud)

但是在像gMail 这样的页面中,监听器不会捕获事件.我最初把它作为一个内容脚本,但我最近把它转移到使用背景和编程注入,但似乎都没有正常工作.

这是我的清单,供参考:

{
"name": "SkedjoolMi",
"version": "0.5",
"description": "Automated Google Calendar event scheduling",
"background_page": "background.html",
"permissions": [
  "tabs","http://*/","https://*/"
],
"content_scripts": [
  {
    "matches": ["<all_urls>"],
    "js": ["jquery-1-7-1.js"],
    "run_at": "document_end",
    "all_frames": true
  }
]
}
Run Code Online (Sandbox Code Playgroud)

jquery

23
推荐指数
1
解决办法
2万
查看次数

移动网络 - 禁用长按/轻敲文本选择

我已经看到/听到了所有关于禁用文本选择的变化user-select,但是没有一个能解决我遇到的问题.在Android上(我假设在iPhone上),如果你点击并保持文本,它会突出显示它并带来一些标记来拖动和选择文本.我需要禁用它们(见图):

截图

我试图-webkit-touch-callout无济于事,甚至尝试过$('body').on('select',function(e){e.preventDefault();return;});无济于事的事情.像这样的廉价技巧::selection:rgba(0,0,0,0);也无济于事,因为隐藏它们无济于事 - 选择仍然会发生并且会破坏用户界面.另外我猜这些旗帜仍然存在.

任何想法都会很棒.谢谢!

css iphone mobile android highlight

23
推荐指数
2
解决办法
3万
查看次数

标签 统计

android ×1

css ×1

highlight ×1

iphone ×1

jquery ×1

mobile ×1