Click事件在CSS中不起作用

时间:2013-11-20 05:15:01

标签: asp.net css css3

我无法在CSS中获得点击率

我的代码就像这样

<input name="btn" type="button" onclick="~/Default22.aspx" value="Home" class="classname" style="position:absolute; left: 286px; top: 160px; margin-bottom: 0px;"/>

我有class =“classname”

.classname
 {

    text-indent:1px;
    display:inline-block;
    color:#132354;
    font-family:Arial;
    font-size:17px;
    font-weight:bold;
    font-style:normal;
    height:32px;
    line-height:50px;
    width:144px;
    padding 0px 0px 0px 0px;
    text-decoration:none;
    text-align:center;
    cursor: pointer;
    opacity:.5;
 }
    .classname:hover 
    {
        background:-webkit-gradient( linear, left top, left bottom,color-stop(0.05,      #77d42a), color-stop(5, #5cb811) );
        background:-moz-linear-gradient( center top, #ffffff 60%, #c0C0C0 90% );
        filter:progid:DXImageTransform.Microsoft.gradient      (startColorstr='#77d42a',endColorstr='#5cb811');
        background-color:#5cb811;
        opacity:1;
 }
  .classname:active 
 {
        position:relative;
        top:1px;
 }

问题是当我点击按钮点击事件没有发生时......没有将页面重定向到Deafault22.aspx

我正在研究Asp.net框架 请帮帮我

5 个答案:

答案 0 :(得分:2)

HTML input元素不会重定向到onclick属性中的网页,因为它不知道如何通过该属性重定向。

使用服务器控件,如下所示:

标记:

<asp:Button id="Button1" runat="server" Text="Home" OnClick="Button1_Click" />

代码隐藏:

protected void Button1_Click(object sender, EventArgs e)
{
    // Redirect here
    Response.Redirect("Default22.aspx);
}

使用JavaScript / jQuery处理click事件并重定向,如下所示:

$(document).ready(function() {
    $('.classname').click(function() {
        window.location = "Default22.aspx";
    });
});

答案 1 :(得分:1)

尝试使用onclick='window.open("Default22.aspx");'代替onclick="~/Default22.aspx"

内联脚本:

onclick='window.location.href ="Default22.aspx";'

javascript功能

 function Redirect(){
      window.location.href ="Default22.aspx";
 }

 <input name="btn" type="button" onclick="Redirect();" value="Home" class="classname" style="position:absolute; left: 286px; top: 160px; margin-bottom: 0px;"/>

<强> Jquery的:

 $(function() {
     $('.classname').click(function() {
        window.location.href = "Default22.aspx";
     });
 });

答案 2 :(得分:0)

任何HTML控件的

OnClick属性都适用于JavaScript。您已将其与HREF元素

<a></a>属性混淆

以下是您需要做的事情:

onclick="window.location.href ='Default2.aspx';return true;"

答案 3 :(得分:0)

首先,'CSS中的click事件' - 不确定你在说什么。您无法处理CSS中的点击事件。

其次,这不是<input type="button">的工作方式。 onClick - 客户端事件 - 期待一些Javascript,而不是URL。

试试这个: -

  

onclick="window.location = '/Default22.aspx';"

请注意〜(代字号)是特定于ASP.NET的东西,与IIS无关;不要在常规网址中使用它。

希望有所帮助。

答案 4 :(得分:0)

直接onclick =“〜/ Default22.aspx”在这里不起作用,因为这是一个输入类型按钮,必须添加像...这样的客户端事件。

onclick="window.location.href ='Default22.aspx';return true;" for opening in the same window.

onclick="window.open('Default22.aspx');", for opening the page in a tab.

此外,您可以创建一个javascript方法并在onClick中调用该方法并将页面重定向到Deafault22.aspx。