假设我定义了一个点击处理程序:
$("#foo").click(function(e){
});
Run Code Online (Sandbox Code Playgroud)
我怎样才能在函数处理程序中判断事件是以编程方式触发还是由用户触发?
我正在尝试使用一行 jQuery 代码制作 Chrome 扩展程序,但它不起作用。我正在尝试触发对元素的点击。
chrome 的控制台根本没有显示任何错误,当我只将 jQuery 代码放入控制台时,它工作正常。
我的代码:
内容.js
$(document).ready(function() {
$('.like_post:contains(Like)').click();
});
Run Code Online (Sandbox Code Playgroud)
背景.js
chrome.windows.getCurrent( function(currentWindow) {
chrome.tabs.query({active: true, windowId: currentWindow.id}, function(activeTabs){
chrome.tabs.executeScript(
activeTabs[0].id, {file: 'jquery-2.1.3.min.js', allFrames: true}
);
chrome.tabs.executeScript(
activeTabs[0].id, {file: 'content.js', allFrames: true}
);
});
console.log(currentWindow.id);
});
Run Code Online (Sandbox Code Playgroud)
清单文件
{
"name": "plugin name",
"version": "0",
"description": "What do I do as an extension",
"manifest_version": 2,
"browser_action": {
"name": "project with jquery",
"icons": ["icon.png"],
"default_icon": "icon.png"
},
"content_scripts": [ {
"js": [ "jquery-2.1.3.min.js", "background.js", "content.js" ],
"matches": [ …Run Code Online (Sandbox Code Playgroud) 我有一个测试网页,如果我点击输入字段中的某个键,它会发出警告:
<!doctype html>
<html>
<head>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script>
$( document ).ready( function() {
$( '#foo' ).keydown( function() { alert( "debug" ); } );
});
</script>
</head>
<body>
<input id='foo' type='type'/>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我有这个chrome扩展,修改输入文本并触发keydown事件:
$( document ).ready( function() {
window.setTimeout( function() {
$( '#foo' ).val( "foo" );
$( '#foo' ).keydown();
}, 2000 );
});
Run Code Online (Sandbox Code Playgroud)
如果我安装扩展,2秒后(如预期的那样)文本被修改 - 但是没有显示警报,所以我可以建议keydown事件不会从扩展沙箱传递到页面javascript处理程序.是否有可能以某种方式修改我的代码,因此扩展可以模拟页面上的javascript可以看到的keydown?我通过chrome扩展自动化第三方网站,其中一个输入需要keyup检测价值变化(我自动化的页面写得很糟糕 - 但我没有任何控制其他源代码).