Блог

Я создал HTML ссылку ( <a> ), используя Extjs BoxComponent, и она работает просто отлично. Но вместо того, чтобы иметь фиксированный URL, связанный со ссылкой, я хочу иметь возможность обновлять href свойство, когда пользователь нажимает на ссылку.

В приведенном ниже коде href обновляется, когда пользователь нажимает на ссылку, и я могу проверить это с помощью FireBug в элементе HTML. Но при открытии новой страницы отсутствует мое дополнение к href .

Вопрос: Уже слишком поздно изменять href вкл onClick или это потому, что я изменяю href неправильно?

Код:

 xtype: 'box',
html: '<a href="www.google.com" target="_blank">Link to google</a>',        
listeners: {
    render: function (c) {          
        c.getEl().on(
            'click',
            function() {
                this.el.child('a', true).href = 'www.google.com/#q='   some_dynamic_value;
            },
            c,
            { stopEvent: false }
        );
    }
}
  

Похоже, это может сработать при использовании mousedown события вместо click event .

Проверьте: http://jsfiddle.net/sadkinson/rF5TQ/15 /

Возможно, что к тому времени, когда произойдет щелчок, изменять URL-адрес внутри него будет слишком поздно. Возможно ли, что то, из-за чего ваша ссылка нуждается в обновлении, может быть выполнено, когда это изменено, а не ждать, пока пользователь нажмет на ссылку?

Я бы предположил, что ряд браузеров проигнорировали бы это просто потому, что это был бы эффективный способ быть вредоносным. Добавление ссылки с надписью «google», а затем перенаправление вас на какой-нибудь зараженный вирусом сайт и т.д., Поскольку даже самый разумный пользователь, желающий посмотреть, куда приведет ссылка, будет видеть Google, пока не станет слишком поздно.