【问题标题】:How can I turn a <textarea> into a link?如何将 <textarea> 变成链接?
【发布时间】:2017-12-27 15:31:10
【问题描述】:

一个示例是在未登录的情况下播放任何 YouTube 视频。如果您点击“文本区域”输入评论,它将充当链接并将您转到登录页面。如何做到这一点?

当我将鼠标悬停在图像中的文本区域上时

整个框就像一个可点击的链接,就好像它是一个锚标记。

【问题讨论】:

  • 请详细说明。
  • 绑定一个click事件处理程序到一个textarea元素,在点击事件上你可以将用户重定向到登录页面。
  • 在我上面就是答案
  • @gurvinder372 评论的一个补充是:- 在点击时首先检查用户是否登录,如果没有,则重定向到其他页面或显示链接(最初是隐藏的),并隐藏文本区域
  • 可以给我一个代码示例吗?

标签: javascript jquery html css


【解决方案1】:

以下仅为示例。

你必须检查用户是否使用php登录,并将其保存在cookie中,然后使用jQuery进行计算。

不要使用id 来检查用户是否登录,因为它不安全。如果用户检查并删除 id,他将能够在不登录的情况下在框中写入。

要重定向用户,而不是使用alert,请使用window.location.href = ''

$(function() {
  $("#isNotLogged").click(function() {
     $("#isNotLogged").blur();
    alert('Please login');
  });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea id="isLogged" placeholder="Textarea for Logged in"></textarea>
<br />

<textarea id="isNotLogged" placeholder="Textarea for Not Logged in"></textarea>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-23
    • 1970-01-01
    • 2012-04-02
    • 1970-01-01
    • 1970-01-01
    • 2019-09-26
    相关资源
    最近更新 更多