如何识别按钮被点击

【问题标题】：How to identify a button is clicked如何识别按钮被点击
【发布时间】：2015-05-29 23:10:28
【问题描述】：

我通过框架 CodeIgniter 制作了我的网站，

Here is my personal website

在第一页，当我点击“paysage”图片（在右上角）或“paysage”按钮（在菜单中）时，它会转到“paysage”页面，然后一旦我返回第一页，我想要的是：“paysage”图片保持颜色。

'area'标签和'li'标签进入同一个页面，'img'标签是我在CSS背景url中放置彩色图像的地方。

HTML：

<img id="paysage" alt="page_accueil" src="<?php echo base_url('assets/img/cadre_vide.png') ?>" />

<area alt="paysage" shape="poly" coords="518, 81, 713, 99, 719, 232, 520, 202" href="<?php echo site_url('categories/voir/' . $paysage->id); ?>"/>

<li><a <?php if($this->uri->segment(3) == "1" && $this->uri->segment(1) == "categories"){ ?> class="active" <?php } ?> href="<?php echo site_url('categories/voir/1') ?>">Paysage</a></li>

CSS：

#paysage{
    top:0;
    opacity:0;
    padding:0;
    z-index:-1;
    position:absolute;
    background-repeat:no-repeat;
    background:url('../../assets/img/hover-paysage.png') no-repeat;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}

所以我尝试了这样的 jQuery

$('area[alt="paysage"]').click(function(){
    $('#paysage').fadeTo('fast', 1);
});

当然不行，因为点击改变了页面（URL），jQuery代码只能在同一个页面做一些事情。

所以我明白了，我需要匹配：
--如果网址改了再返回，
--或者点击了区域标签（或者li标签），
这样我就可以将彩色图像的不透明度设置为 1。

更简单的说，我想要的是：
“paysage”图片保持彩色，一旦点击并转到其他页面然后返回，它仍然是彩色的。

我会为其余的图片这样做。 我希望这足够清楚，非常感谢那些可以帮助我的人！

【问题讨论】：

• 我想你指的是这个 css 类，developer.mozilla.org/en-US/docs/Web/CSS/:visited。
• 你的 jQuery 中有错字：cilck 而不是 click
• 啊，是的，我在这里犯了一个愚蠢的错误，谢谢
• 我在css中尝试了“:visited”，点击的是标签和
• 标签，它们不支持“background”和“background-image”，而且图片在 标签中，所以它不起作用。但是感谢您的帮助“chris85”。