简体   繁体   English

如何触发与AUI链接的onclick javascript?

[英]How do I trigger a onclick javascript of a link with AUI?

I have a hidden link that contains a generated javascript snippet that I need to call: 我有一个隐藏链接,其中包含我需要调用的生成的JavaScript代码段:

 var AUI = YUI; AUI().use('event', function(A) { var deleteButton = 46; A.one('.searchNameSelect').on('keyup', function(e) { if(e.button == deleteButton){ A.one('a.deleteSelectedSearch')._node.onclick(); } }); }); 
 <script src="http://cdn.alloyui.com/2.0.0/aui/aui-min.js"></script> <a href="#" onclick="alert('call successful');" class="deleteSelectedSearch" style="display:none;"></a> <select name="selectedSearch" size="1" class="searchNameSelect"> <option value="search">search</option> <option value="another-search" selected="selected">another-search</option> </select> 

The link is generated with a MyFaces (2.1) commandLink <h:commandLink class="deleteSearch" action="#{search.deleteSelected}"></h:commandLink> which generates a onclick javascript: onclick="return myfaces.oam.submitForm('genertated-formId','generated'); 该链接是使用MyFaces(2.1)commandLink <h:commandLink class="deleteSearch" action="#{search.deleteSelected}"></h:commandLink>生成的,该链接会生成onclick javascript: onclick="return myfaces.oam.submitForm('genertated-formId','generated');

I tried to trigger the click event with AUI, but without success. 我尝试使用AUI触发click事件,但未成功。

Has anyone a good idea to trigger the onclick Javascript in a more AUI-Style way? 有谁能以更AUI风格的方式触发onclick Javascript吗?

You need to use the 'node-event-simulate' module and call it as 您需要使用“ node-event-simulate”模块并将其称为

A.one('a.deleteSelectedSearch').simulate('click');

Here is the modified code 这是修改后的代码

var AUI = YUI;
AUI().use('event', 'node-event-simulate', function(A) {
var deleteButton = 46;
A.one('.searchNameSelect').on('keyup', function(e) {
    if(e.button == deleteButton){
        A.one('a.deleteSelectedSearch').simulate('click');
    }
});
});

Working Fiddle 工作小提琴

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何将我的onclick事件链接到外部javascript函数? - How do I link my onclick event to an external javascript function? 如何将“ onClick”事件链接到javascript文件? - How do I link an “onClick” event to a javascript file? 如何在没有onClick的情况下遵循Javascript链接 - How do I follow a Javascript Link without onClick 使用javascript onclick时,我在IE中显示一个小链接图标,如何删除它? - When using javascript onclick I'm getting a small link icon in IE, how do I remove this? 如何在新选项卡中打开div链接Javascript onClick =“window.location - How do I make a div link open in a new tab Javascript onClick="window.location 如何使用JQuery在HTML中创建带有quote-includes-string参数的onclick javascript链接? - How do I use JQuery to create an onclick javascript link in HTML with quote-including-string parameters? 如何使用javascript / jquery添加到页面链接(url)的OnClick函数 - How do I add OnClick function that goes to a page link (url) with javascript/jquery 如何添加指向AUI轮播图片的链接 - How to add link to images of AUI carousel 如何调试JavaScript .onclick事件? - How do I debug JavaScript .onclick event? 如何在 javascript 中组合 2 个 onclick 函数? - How do I combine 2 onclick functions in javascript?
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM