2

我正在编写一个 Javascript 小书签来为Google Translate创建一个快捷方式。例如,键入 'ESC' 或 '\' 将清除 TextArea。现在我想添加一个快捷方式,当输入“]”时,它会交换翻译语言;和“/”将发音文本。

每个都包裹在div#gt-lang-swap和中div#gt-src-listen。但我无法在控制台中触发这些事件。

我试过了:

document.getElementById("gt-lang-swap").click()

但什么也没有发生。这也不起作用:

e = document.createEvent("MouseEvents")
e.initMouseEvent("mouseup", true, true, window, 1, 0, 0, 0, 0,
    false, false, false, false, 1, null)
document.getElementById('gt-src-listen').dispatchEvent(e)

有没有人有任何想法?

4

2 回答 2

0

我也无法在该按钮上触发点击事件,但我认为您不需要这样做,因为您只需修改 URL,UI 就会相应更新:

var components = window.location.hash.substr(1).split('/');
window.location = '#' + components[1] + '/' + components[0] + '/' + components[2];
document.getElementById('source').select(); // optionally focus user back into source field

因此,例如,如果 url 是#es/en/hola%20amigo,则此代码交换前两个语言键,因此变为#en/es/hola%20amigo.

我想你甚至可以document.getElementById('result_box')用来抓取翻译后的文本并将其放入源字段!

如果您更新您的扩展程序,请告诉我,我很乐意使用它。

编辑:刚刚意识到这个问题已经有将近两年的历史了。希望有人觉得它有用:)

于 2014-05-27T04:24:27.277 回答
0

你试过onclick而不是 justclick吗?

document.getElementById("gt-lang-swap").onclick=function(){

   console.log('clicked it');

   //Other stuff that should happen...
}

或者,尝试创建一个函数来触发事件(该函数取自此处

function fireEvent(element,event){
    if (document.createEventObject){
       // dispatch for IE
       var evt = document.createEventObject();
       return element.fireEvent('on'+event,evt)
    }
    else{
       // dispatch for firefox + others
       var evt = document.createEvent("HTMLEvents");
       evt.initEvent(event, true, true ); // event type,bubbling,cancelable
       return !element.dispatchEvent(evt);
    }
}

其次是:

<input type="text" id="test">
<script>
   obj = document.getElementById("test");
   Event.observe(obj,'change',function(){alert('hi');});
   fireEvent(obj,'change');
</script>

应该做的伎俩...

注意:正如评论和链接文章中提到的,这个答案有原型库的先决条件......因此它可能不是(经过讨论)这个问题的理想答案。

这里了解更多

于 2012-11-28T07:19:45.633 回答