在图像上单击RunJavaScript

a1o7rhls 于 2021-09-23 发布在 Java

关注(0)|答案(3)|浏览(202)

此问题已在此处找到答案：

javascript onclick隐藏div（4个答案）
两天前关门了。
我有以下图像标签：

<img src="notification.png" class="notif-btn">

和以下div标记：

<div class="container-submit" id="not-add">

    <!--<i class="notif-btn fas fa-bell fa-10x"><a href="comingsoon.html"></a></i>-->
    <label for="" class="close-btn fas fa-times"></label>
    <div class="header">
        <h3><span class="blue">Get</span> <span class="green">Notified</span></h3>
    </div>
    <div class="main">
        <form>
            <span>
                <i class="fas fa-phone-square-alt"></i>
                <input type="tel" placeholder="Mobile No" name="">
            </span><br>
            <span>
                <i class="fa fa-user"></i>
                <input type="text" placeholder="Name" name="name">
            </span><br>
            <span>
                <i class="fas fa-envelope"></i>
                <input type="email" placeholder="Email" name="email">
            </span><br>
            <button class="button" type="submit">Submit</button>
        </form>
    </div>
</div>

我想在单击图像时运行一个特定的java脚本，它会隐藏div，并在再次单击时显示它

JavaScript Html css

来源：https://stackoverflow.com/questions/68325444/on-image-click-run-javascript

3条答案

按热度按时间

k10s72fa1#

<img src="image.png" onclick="onClickOnImage()" alt=""/>

<script>
  function onClickOnImage(){
    //add your business logic here
  }
</script>

赞(0）回复(0）举报 2021-09-23

rsaldnfx2#

你有这个：

<img src="notification.png" class="notif-btn">

可以通过添加事件处理程序来执行javascript函数，如下所示：

<img onclick="yourFunction()" src="notification.png" class="notif-btn">

此函数可以位于包含在标记中的同一html文件中，也可以从外部文件调用。
资料来源：https://developer.mozilla.org/en-us/docs/web/api/globaleventhandlers/onclick

赞(0）回复(0）举报 2021-09-23

bweufnob3#

<img src="image.png" onclick="onImageClick()"/>

<script>
  function onImageClick(){
    //add logic 
  }
</script>

赞(0）回复(0）举报 2021-09-23

我来回答

在图像上单击RunJavaScript

3条答案

相关问题

热门标签

最新问答